jQuery中$.ajax()方法参数解析


Posted in Javascript onOctober 22, 2016

本文实例为大家讲解了jQuery $.ajax()方法参数,供大家参考,具体内容如下

$.ajax({
  url:'test.do', 
  data:{id:123,name:'xiaoming'}, 
  type:'post', 
  dataType:'json', 
  success:function(data){
   alert(data);//弹窗 
   //TODO ........
 
  },
 
  error:function(data){
    alert(data);//弹窗
    //TODO ........
  }

 })

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。     

timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。        

async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。 如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等 待请求完成才可以执行。     

cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。      

data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。        

dataType: 要求为String类型的参数,预期服务器返回的数据类型。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。          

可用的类型如下:

          xml:返回XML文档,可用JQuery处理。
          html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
          script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
          json:返回JSON数据。
          jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个  “?”为正确的函数名,以执行回调函数。 

text:返回纯文本字符串。

beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。
            function(XMLHttpRequest){
               this;   //调用本次ajax请求时传递的options参数
            }

complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。
          参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。
          function(XMLHttpRequest, textStatus){
             this;    //调用本次ajax请求时传递的options参数
          }

success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
         (1)由服务器返回,并根据dataType参数进行处理后的数据。
         (2)描述状态的字符串。
         function(data, textStatus){
            //data可能是xmlDoc、jsonObj、html、text等等
            this;  //调用本次ajax请求时传递的options参数
        error:要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错 误信息、捕获的错误对象(可选)。

ajax事件函数如下:     

function(XMLHttpRequest, textStatus, errorThrown){
   //通常情况下textStatus和errorThrown只有其中一个包含信息
   this; //调用本次ajax请求时传递的options参数
  }

contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。             
dataFilter:要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。
            提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。          

function(data, type){
    //返回处理后的数据
    return data;
   }

global:要求为Boolean类型的参数,默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。        

ifModified:要求为Boolean类型的参数,默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。默认值是false,即忽略头信息。            

jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,例如 {jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。      

username:要求为String类型的参数,用于响应HTTP访问认证请求的用户名。
password:要求为String类型的参数,用于响应HTTP访问认证请求的密码。
processData:要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。             

scriptCharset:要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。通常在本地和远程的内容编码不同时使用。

案例代码:

$(function(){
 $('#send').click(function(){
   $.ajax({
    type: "GET",
    url: "test.json",
    data: {username:$("#username").val(), content:$("#content").val()},
    dataType: "json",
    success: function(data){
       $('#resText').empty(); //清空resText里面的所有内容
       var html = ''; 
       $.each(data, function(commentIndex, comment){
        html += '

 
 

  ' + comment['username']
           + ':

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JS控制回车事件的代码
Feb 20 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
同时使用n个window onload加载实例介绍
Apr 25 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
Vuex之理解state的用法实例
Apr 19 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
详解Javascript函数声明与递归调用
Oct 22 #Javascript
js中利用cookie实现记住密码功能
Aug 20 #Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 #Javascript
微信开发 消息推送实现代码
Oct 21 #Javascript
微信和qq时间格式模板实例详解
Oct 21 #Javascript
微信开发 微信授权详解
Oct 21 #Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 #Javascript
You might like
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
php 删除记录实现代码
2009/03/12 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
php递归函数怎么用才有效
2018/02/24 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
JavaScript 开发中规范性的一点感想
2009/06/23 Javascript
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
webpack v4 从dev到prd的方法
2018/04/02 Javascript
vue2过滤器模糊查询方法
2018/09/16 Javascript
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
python3图片转换二进制存入mysql
2013/12/06 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
Django配置celery(非djcelery)执行异步任务和定时任务
2018/07/16 Python
Python从使用线程到使用async/await的深入讲解
2018/09/16 Python
Python的互斥锁与信号量详解
2019/09/12 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
美国在线眼镜店:GlassesShop
2018/11/15 全球购物
比利时家具购买网站:Home24
2019/01/03 全球购物
英国在线定做百叶窗网站:Make My Blinds
2020/08/17 全球购物
国家励志奖学金个人先进事迹材料
2014/05/04 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python