jquery第十八课,经常听到人说ajax,也经常看到,也就是常用的注册时用户名判断等,是不刷新页面直接显示能否注册效果的一种技术,可以用javascript实现ajax效果(参考ajax),不过实现起来比较麻烦而且容易出错.jquery实现了ajax,通过jquery简单代码实现了多种数据的无页面刷新效果.简单实用.下面就对jquery实现ajax中的参数介绍
jquery中的ajax调用方法:jquery.ajax(options);
jquery底层ajax 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 xmlhttprequest 对象.
jquery的ajax调用可以简写为$.ajax(options);
参数option的介绍:这里所有的参数都是可选的.
(1)async(类型:boolean)(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
(2)beforesend(xmlhttprequest)(类型:function)发送请求前可修改 xmlhttprequest 对象的函数,如添加自定义 http 头。xmlhttprequest 对象是唯一的参数。这是一个 ajax 事件。如果返回false可以取消本次ajax请求。
(3)cache(类型:boolean)(默认: true,datatype为script和jsonp时默认为false) jquery 1.2 新功能,设置为 false 将不缓存此页面。
(4)complete(xmlhttprequest,textstatus)(类型:function)请求完成后回调函数 (请求成功或失败之后均调用)。参数: xmlhttprequest 对象和一个描述成功请求类型的字符串。
(5)contenttype(默认: application/x-www-form-urlencoded) 发送信息至服务器时内容编码类型。默认值适合大多数情况。如果你明确地传递了一个content-type给 $.ajax() 那么他必定会发送给服务器(即使没有数据要发送)
(6)context(obj)(类型object)这个对象用于设置ajax相关回调函数的上下文。也就是说,让回调函数内this指向这个对象(如果不设定这个参数,那么this就指向调用本次ajax请求时传递的options参数)。比如指定一个dom元素作为context参数,这样就设置了success回调函数的上下文为这个dom元素
(7)data(类型object,string)发送到服务器的数据。将自动转换为请求字符串格式。get 请求中将附加在 url 后。查看 processdata 选项说明以禁止此自动转换。必须为 key/value 格式。如果为数组,jquery 将自动为不同值对应同一个名称。如 {foo:[bar1, bar2]} 转换为 '&foo=bar1&foo=bar2'。
(8)datafilter(类型:function(data,type))给ajax返回的原始数据的进行预处理的函数。提供data和type两个参数:data是ajax返回的原始数据,type是调用jquery.ajax时提供的datatype参数
(9)datatype(类型string)预期服务器返回的数据类型。如果不指定,jquery 将自动根据 http 包 mime 信息来智能判断,比如xml mime类型就被识别为xml
xml: 返回 xml 文档,可用 jquery 处理。
html: 返回纯文本 html 信息;包含的script标签会在插入dom时执行。
script: 返回纯文本 javascript 代码。不会自动缓存结果。除非设置了cache参数。'''注意:'''在远程请求时(不在同一个域下),所有post请求都将转为get请求。(因为将使用dom的script标签来加载)
json: 返回 json 数据 。
jsonp: jsonp 格式。使用 jsonp 形式调用函数时,如 myurl?callback=? jquery 将自动替换 ? 为正确的函数名,以执行回调函数。
text: 返回纯文本字符串
(10)error(类型function(xmlhttprequest, textstatus, errorthrown))默认: 自动判断 (xml 或 html)) 请求失败时调用此函数。有以下三个参数:xmlhttprequest 对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是timeout, error, notmodified 和 parsererror
(11)global(类型:boolean)(默认: true) 是否触发全局 ajax 事件。设置为 false 将不会触发全局 ajax 事件,如 ajaxstart 或 ajaxstop 可用于控制不同的 ajax 事件。
(12)ifmodified(类型:boolean)(默认: false) 仅在服务器数据改变时获取新数据。使用 http 包 last-modified 头信息判断。在jquery 1.4中,他也会检查服务器指定的'etag'来确定数据没有被修改过
(13)jsonp(类型string)在一个jsonp请求中重写回调函数的名字。这个值用来替代在callback=?这种get或post请求中url参数里的callback部分,比如{jsonp:'onjsonpload'}会导致将onjsonpload=?传给服务器
(14)jsonpcallback(类型string)为jsonp请求指定一个回调函数名。这个值将用来取代jquery自动生成的随机函数名。这主要用来让jquery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存get请求的时候,指定这个回调函数名<网站http://www.制forasp作.cn>
(15)password(类型strhig)用于响应http访问认证请求的密码
(16)processdata(boolean)(默认: true) 默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 application/x-www-form-urlencoded。如果要发送 dom 树信息或其它不希望转换的信息,请设置为 false。
(17)scriptcharset(类型string)只有当请求时datatype为jsonp或script,并且type是get才会用于强制修改charset。通常只在本地和远程的内容编码不同时使用
(18)success(类型function)请求成功后的回调函数。参数:由服务器返回,并根据datatype参数进行处理后的数据;描述状态的字符串
(19)traditional(类型boolean)如果你想要用传统的方式来序列化数据,那么就设置为true。请参考工具分类下面的jquery.param 方法
(20)timeout(类型number)设置请求超时时间(毫秒)。此设置将覆盖全局设置。
(21)type(类型string)(默认: get) 请求方式 (post 或 get), 默认为 get。注意:其它 http 请求方法,如 put 和 delete 也可以使用,但仅部分浏览器支持。
(22)url(类型string)默认: 当前页地址) 发送请求的地址。
(23)username(类型string)用于响应http访问认证请求的用户名
(24)xhr(类型funxtion)需要返回一个xmlhttprequest 对象。默认在ie下是activexobject 而其他情况下是xmlhttprequest 。用于重写或者提供一个增强的xmlhttprequest 对象
ajax中的options设置介绍完毕
2025国考·省考课程试听报名