1.$.ajax()
post請求:
$.ajax({
//請求方式
type:'POST',
//發送請求的地址
url:'fzz.php',
//服務器返回的數據類型
dataType:'json',
//發送到服務器的數據,對象必須為key/value的格式,jquery會自動轉換為字符串格式
data:{name:xxx,age:xxx},
success:function(data){
//請求成功函數內容
},
error:function(jqXHR){
//請求失敗函數內容
}
});
get請求:
$.ajax({
//請求方式
type:'GET',
//發送請求的地址以及傳輸的數據
url:'fzz.php?number'+=xxx,
//服務器返回的數據類型
dataType:'json',
success:function(data){
//請求成功函數內容
},
error:function(jqXHR){
//請求失敗函數內容
}
});
2.$.get()
$.get('fzz.php',{
//發送至服務器的數據,格式為key/value
number:xxx
},function(data){
//請求成功時的callback
},'json');//json為返回內容的格式
3.$.post()
$.post('fzz.php',{
//發送至服務器的數據,格式為key/value
number:xxx
},function(data){
//請求成功時的callback
},'json');//json為返回內容的格式
4.load()方法
可以載入遠程HTML代碼並插入DOM中
//data為發送的key/value數據,可選填
//callback為請求完成的回調函數,可選無論請求成功或失敗都會調用
$('xxx').load('zyf.html',data,callback);
5.serialize()方法
1.serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。
2.serialize()作用於一個jQuery對象,能夠將DOM元素內容序列化為字符串,用於Ajax請求
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text($("form").serialize()); }); }); </script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<button>序列化表單值</button>
<div></div>
</body>
</html>
點擊后得到: FirstName=Bill&LastName=Gates