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
posted @ 2018-07-18 09:22  豆园子  阅读(1800)  评论(0)  编辑  收藏  举报