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