jQuery简易Ajax(六)

一、jQuery中ajax的两种书写方式【一般采用第二种方式】
1、$.ajax(url,[setting]);

2、$.ajax([setting]);    

setting参数说明：
setting为一个对象,用于配置 Ajax 请求的键值对集合
第二种方式即是将url键值对也放入到setting参数对象中了
eg：

    $.ajax({
        url:'',    //放置请求地址路径
        method:'',    //请求方式(GET、POST等请求方式,不区分大小写)
        data:{},    //传递给服务器的参数数据,如果不传递数据可以不需要该键值对
        success:function(res){},    //请求成功回调函数,参数res为请求成功返回的结果信息
        error:function(error){}        //请求失败回调函数,参数error为请求失败返回的结果信息
    });

   
二、setting对象中的一些其它相关参数说明
acync：　　          是否异步请求【默认为true】
beforeSend: 　　 请求发送前的回调函数    返回false将取消这个请求。
complete：　　    请求完成后的回调函数(请求success,error之后均调用)该选项可以接受一个函数数组，每个函数将被依次调用。
cache：　　　　  浏览器是否缓存此页面【默认为true】
dataType : 　　　从服务器返回你期望的数据类型
常用的参数值为："json": 返回 JSON 数据
statusCode :       (默认: {})
当响应匹配相应HTTP状态码时调用执行相关函数代码：
eg：

    $.ajax(
        statusCode: {
            //HTTP状态码为404时,执行下面的函数
              404: function() {
                 console.log("页面没有找到！！！");
              }
           }
    );

timeout：　设置请求超时时间(毫秒)

更多参数及相关参数详细解释说明可参看w3c相关文档：https://www.w3school.com.cn/jquery/ajax_ajax.asp

三、Ajax中的一些其它函数
使用相应函数名指定对应的一些参数的相关取值：
$.get(url,[data],[success(){}],[dataType])    【get方式请求】
eg：

    //$.get()    使用的是GET方式
    $.get(url,{},function(res){
        console.log(res,'$.get请求');
    });

$.post(url,[data],[success(){}],[dataType])    【post方式请求】
eg：

    //$.post()    使用的是post方式
    $.post(url,{},function(res){
        console.log(res,'$.post请求');
    });

   
$.getJSON(url,[data],[success(){}])    【期待后台请求数据为JSON类型】
eg：

    //$.post()    后台返回的数据类型是JSON格式的时候
    $.getJSON(url,{},function(res){
        console.log(res,'$.getJSON请求');
    });

$dom.load(url,[data],[complete(){}])    【加载路径页面到指定DOM节点中】
向选取的dom节点元素中加载指定url路径的页面内容
注意：
a、该指定路径页面为html页面,该页面可以直接写节点信息【不需要文件头等信息】;
也可以在路径中指定html页面中的相应元素节点内容
b、注意url路径是相对于选取的dom节点元素的路径
eg：

    $('#result') .load('./test.html #container');    //向$('#result')中载入test.html中的$("#container")