jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起...cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
cache:默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。...name="+name+"&user="+user, //请求的url地址 dataType: "json", //返回格式为json async: true,.../authenticate", //请求的url地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步...地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步,这也是ajax重要特性 data...请求($.ajax()为例)中data属性传参数的形式 jQuery ajax——参数详解
$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式。...dataType:告诉服务器,我要想什么类型的数据。 在http 请求中,get 和 post 是最常用的。...在 jquery 的 ajax 中, contentType都是默认的值:application/x-www-form-urlencoded,这种格式的特点就是,name/value 成为一组,每组之间用...这种类型是 text , 我们 ajax 的复杂JSON数据,用 JSON.stringify序列化后,然后发送,在服务器端接到然后用 JSON.parse 进行还原就行了,这样就能处理复杂的对象了。...$.ajax({ dataType: 'json', contentType: 'application/json', data: JSON.stringify({a: [{b:1, a:1}]})})
cache 类型:Boolean 默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。...dataType 类型:String 预期服务器返回的数据类型。 (xml、html、script、json、jsonp、text)。...参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。 type 类型:String 默认值: "GET")。...jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?"...语法2:jQuery.ajax( url [, settings ] ) $.ajax({ url: 'user.json', data: 'id=3', type: 'GET', success
ajax 标准写法 $.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"...$.ajax({ url:"http://www.xxx",//请求的url地址 dataType:"json",//返回的格式为json async:true,//请求是否异步
jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。...5.cache: 要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。 ...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
5.cache: 要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"...案例代码: $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: , dataType
但是在使用的过程中也遇到过很多坑。我在这里分享一下,避免大家也遇到同样的问题束手无策,也方便以后回归学习。...普通的写法: $.ajax({ url:url, type:'POST', async:false, data:{ id:1 }, dataType:'json', timeout:...666666, success:function(resultObj){ } }); 这里有两个要点: 1.有些版本的async这个属性,不能加引号(如:'false'或"false"就不起作用)...即返回xml的话,就不能使用dataType:'json',这样会导致success回调函数不执行。 3.timeout设置请求超时时间(毫秒)。此设置将覆盖全局设置。...具体使用查看http://jquery.cuishifeng.cn/jQuery.Ajax.html在线api
请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下: $.ajax({ url:'www.haorooms.com', dataType...:'json', data:{}, beforeSend :function(xmlHttp){ xmlHttp.setRequestHeader("If-Modified-Since...({ url:'www.haorooms.com', dataType:'json', data:{}, cache:false, ifModified...下起作用,故只能通过Javascript的调用才可以 三:后端清理 在服务端加 header("Cache-Control: no-cache, must-revalidate");等等(如php...中)
global (默认:true): 请求将触发全局Ajax事件处理程序,设置为 false 将不会触发全局 Ajax 事件。 ...105.$.ajaxSettings 一个包含Ajax请求的默认设置的对象。大部分的设置在 $.ajax中已经描述。...,[dataType]) 执行Ajax post 请求。这是一个$.ajax的简写方式。 ...类型:self 通过GET Ajax载入远程 HTML 内容代码并插入至 当前的集合 中。...css transitions的浏览器中默认为true),动画将不会被执行 替代动画效果的目标位置即将生效,类似的,如果指定的动画不是通过动画完成,而且动画的目标位置即可生效
cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件,ajaxStart或ajaxStop可用于控制各种ajax事件。...jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。 该值用来替代在"callback=?"
beforeSend(XHR) 类型:Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。...cache 类型:Boolean 默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。...提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载) "json": 返回 JSON 数据 。
(5)cache : cache (默认: true, dataType为”script”和”jsonp”时默认为false) 类型: Boolean 如果设置为 false ,浏览器将不缓存此页面...它的工作原理是在GET请求参数中附加”_={timestamp}”(详见ajax防止缓存)。该参数不是其他请求所必须的,除了在IE8中,当一个POST请求一个已经用GET请求过的URL。...在beforeSend函数中返回false将取消这个请求 (9)success : 类型: Function( Object data, String textStatus, jqXHR jqXHR...这个回调函数得到2个参数: jqXHR (在 jQuery 1.4.x中是 XMLHTTPRequest) 对象和一个描述请求状态的字符串(“success”, “notmodified”, “nocontent...(jsonData){ $("#data").html(jsonData.id);}//无需设置,直接获取的数据类型为json ); 四:参考文章 1:.ajax方法详解 2:.ajax
cache 类型:Boolean 默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载) "json": 返回 JSON 数据 。...设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。
在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...‘注意:’’'在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) “json”: 返回 JSON 数据 。...设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...如果isLocal设置需要修改,建议在$.ajaxSetup()方法中这样做一次。 jsonp type:String 在一个jsonp请求中重写回调函数的名字。...参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象 。
JS原生Ajax Ajax=异步Javascript+XML; ajax是一种数据请求的方式,不需要刷新整个页面。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。.../TestXHR.aspx', type:'POST', dataType:'json', data:{ name:"马各马它",age:18}, success:function(response...(); setRequestHeader(header,value):向请求添加请求头。...在readystatechange事件中,先判断响应是否接收完成,然后判断服务器是否成功处理请求,xhr.status 是状态码,状态码以2开头的都是成功,304表示从缓存中获取,上面的代码在每次请求的时候都加入了随机数...encodeURIComponent(data[i])); } return arr.join('&'); } 1、因为 script 标签的 src 属性只在第一次设置的时候起作用
在折腾前端的时候,有时候要跟后端交互,需要调用Ajax, 原始的Ajax不那么好用,可以用jquery里面的。或者用插件axios。 jQuery对Ajax的操作进行了封装。...jQuery中.ajax()属于最底层的方法。...先来看一个简单的例子: $.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为...jsonp(String):在一个jsonp请求中重写回调函数的名字。用来替代在“callback=?”...cache 要求为Boolean类型的参数,默认为true(当dataType为Script时,默认为false),设置false将不会从浏览器缓存中加载请求信息。