Ajax四种请求方式详解

2020年1月14日 AJAX 1,015 views 0

Ajax可用于创建快速动态网页，Ajax能够在无需重新加载整个网页的情况下实现异步更新，码笔记分享Ajax四种请求方式详解：

$.ajax()请求

$.ajax()返回其创建的XMLHttpRequest对象，$.ajax()是jquery中通用的一个ajax封装。
语法：$.ajax(options)，其中options是一个object类型，它指明了本次ajax调用的具体参数，示例：

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

通过远程HTTP get请求载入信息

$.get()方法使用GET方式来进行异步请求，请求成功时可调用回调函数。

示例：

$.get("请求地址", { name: "John", time: "2pm" },     //参数列表
function(data){
alert( data);
});

通过远程 HTTP POST 请求载入信息

$.post()方法使用POST方式来进行异步请求，成功时可调用回调函数。

示例：

$.post("请求地址", {参数列表，采用那个键值对 }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

通过HTTP get请求载入JSON数据

$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用。

示例：

$.getJSON("http://api.mabiji.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",{参数列表}
function(data){

});

jQuery的getJSON()函数，只是设置了JSON参数的ajax()函数的一个简化版本。getJSON()函数也是可以跨域使用，相比get()、post()有一定优势。另外，这个函数可以通过把请求url写成myurl?callback=X这种格式，让程序执行回调函数X。

2024年云服务器租用优惠价格，9月最新：