jQuery之Ajax应用

Posted 空城^旧梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery之Ajax应用相关的知识,希望对你有一定的参考价值。

一、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 

 






















以上是关于jQuery之Ajax应用的主要内容,如果未能解决你的问题,请参考以下文章

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

使用 JQuery ajax 在 DOM 操作后附加事件

Javascript代码片段在drupal中不起作用

jQuery笔记jQuery之Ajax

jQuery起点教程之使用AJAX