jquery实现Ajax的方法
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
为大家提供更多更全面的知识点,共同进步!