在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$( 表單ID) serialize();就行了,下面我來介紹兩個提交表單數據的方法。$get方式提交表單get() 方法通過遠程HTTP ,下面我來介紹兩個提交表單數據的方法。
$get方式提交表單
get() 方法通過遠程 HTTP GET 請求載入信息
格式
$(selector).get(url,data,success(response,status,xhr),dataType)
請求 test.php 網頁,傳送2個參數,忽略返回值:
$.get("test.php", { name: "John", time: "2pm" } );
顯示 test.php 返回值(HTML 或 XML,取決于返回值):
$.get("test.php", function(data){ alert("Data Loaded: " + data);});
ajax 序列化表單
$.Form.serialize( NameValuePair )
虛擬一個表單,并設置表單控件名與值。
參數
NameValuePair
必選項。設置虛擬的表單控件。該參數形式為:{ name1=value, name2=value2, ......}
返回值
虛擬表單序列化后的字符串,其格式如:username=%E5%95%8A%E8%94%A1&password=123456
<form> <div><inputtype="text"name="a"value="1"id="a"/></div> <div><inputtype="text"name="b"value="2"id="b"/></div> <div><inputtype="hidden"name="c"value="3"id="c"/></div> <div> <textareaname="d"rows="8"cols="40">4</textarea> </div> <div><selectname="e"> <optionvalue="5"selected="selected">5</option> <optionvalue="6">6</option> <optionvalue="7">7</option> </select></div> <div> <inputtype="checkbox"name="f"value="8"id="f"/> </div> <div> <inputtype="submit"name="g"value="Submit"id="g"/> </div> </form> .serialize() 方法可以操作已選取個別表單元素的 jQuery 對象,比如 <input>, <textarea> 以及 <select>。不過源碼天空,選擇 <form> 標簽本身進行序列化一般更容易些: $('form').submit(function(){ alert($(this).serialize()); returnfalse; });
輸出標準的查詢字符串:
a=1&b;=2&c;=3&d;=4&e;=5
$POST方式提交表單
$.post
jQuery.post( url, [data], [callback], [type] ) :使用POST方式來進行異步請求
參數:
url (String) : 發送請求的URL地址.
data (Map) : (可選) 要發送給服務器的數據,以 Key/value 的鍵值對形式表示。
callback (Function) : (可選) 載入成功時回調函數(只有當Response的返回狀態是success才是調用該方法)。
$.post("momsg.php",{"tel":$("#username").val()},function(data){if(data==0)//0 成功 1 不成功 2 手機號碼格式不對 { // } });
新聞熱點
疑難解答
圖片精選