jquery中的几种请求方式

时间:2024-02-20 15:25:39

一、$.ajax() 返回其创建的对象

$.ajax({
    url:"index.json",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步,默认为异步true,这也是ajax重要特性
    data:{"id":"value","username":"nihao"},    //参数值
    type:"POST",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

二、通过http Get请求

用一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

$.get的请求参数:

$.get(url, param, callback(data));

url 请求资源的路径

param 请求参数, 注意将请求参数写在url后

callback(data) 回调函数, 服务器响应数据后, Ajax引擎(xhr)会自动调用该回调函数

示例分析:

$.get(
    "index.html", 
    { name: "John", time: "2pm" },
    function(data){
        alert("Data Loaded: " + data);
    });

三、通过http Post请求

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。

其中的参数,分别是地址,请求参数,回调函数

$.post(
    "demo.php",        
    {name:"Lucky",city:"Lodon"},
    function(data,status){
        alert("数据:"+data+"内容"+status);    
    }