jQuery之Ajax应用

Posted 2021-01-02 空城^旧梦

一、jQuery中$.Ajax()方法的参数

1、url #发送请求的地址

2、type #HTTP 请求方法(默认以GET发送)
可用值:
         -GET
         -POST
         -PUT                  #仅部分浏览器支持
         -DELETE           #仅部分浏览器支持

3、dataType #服务器返回的数据类型
注意:如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个javascript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。
      可用值:
            -xml                 #返回XML文档,可用 jQuery 处理
            -html                #返回纯文本HTML信息,包含的script标签会在插入dom时执行
            -script              #返回纯文本 JavaScript代码,不会自动缓存结果。除非设置了"cache"参数
            -json                #返回 JSON 数据
            -jsonp              #JSONP 格式
            -text                 #返回纯文本字符串

4、traditional #如果你想要用传统的方式来序列化数据，那么就设置为true

5、timeout #设置请求超时时间（单位毫秒），此设置将覆盖全局设置

6、success #请求成功后的回调函数

     success:function (data, textStatus,jqXHR) {
        ......
      }

      参数意义:

              -data　　　　 　　　 #根据dataType参数进行处理后的数据
              -textStatus 　　　　  #描述状态的字符串
              -jqXHR 　　　　　    #还有jqXHR(在jQuery 1.4.x的中,XMLHttpRequest)对象。在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用

7、error #请求失败时调用此函数

error:function (XMLHttpRequest, textStatus, errorThrown) {
　　　　......
}

参数意义:
         -XMLHttpRequest 　　　　 #XMLHttpRequest 对象
         -textStatus 　　　　　　     #错误信息
         -errorThrown 　　　　　　 #捕获的异常对象

二、$.ajax()方法的简单应用

$.ajax({
    url:requestURL,
    type:‘GET‘,
    dataType:"JSON",
    success:function (arg) {
        if(arg.status){
            //请求成功之后执行某些程序
        }else{
            //请求失败之后执行某些程序
        }
    }
})

更多点击这里:http://jquery.cuishifeng.cn/jQuery.Ajax.html