首页
学习
活动
专区
圈层
工具
发布

读Zepto源码之Ajax模块

请求时,携带回调函数名的参数名,默认为 callback; jsonpCallback: jsonp 请求时,响应成功时,执行的回调函数名,默认由 zepto 管理; timeout: 超时时间,默认为...在触发 ajaxSuccess 事件前,先调用配置中的 success 方法,将 ajax 返回的数据 data 和当前状态 status 及 xhr 作为回调函数的参数。...在触发事件前,调用配置中的 error 方法,将 xhr 实例,错误类型 type 和 error 对象作为回调函数的参数。...jsonp 请求的 type 必须为 jsonp 。 私有变量用来临时存放配置中的 jsonpCallback ,即 jsonp 请求成功后执行的回调函数名,该配置可以为 function 类型。...script 用来保存创建的 script 节点。 originalCallback 用来储存原始的回调函数。 responseData 为响应的数据。

3.8K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Django之json、Ajax简介及实例介绍

    进行一个json格式的转换,if转换成功,我们在success的回调函数里就会得到一个json格式 的对象;转换失败就会触发error这个回调函数。...的简单实现模式,或者说是JSONP的原型:创建一个回调函数,然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递,完成回调。...将JSON数据填充进回调函数,这就是JSONP的JSON+Padding的含义。...,服务端则会返回以你定义的回调函数名的方法,将获取的json数据传入这个方法完成回调: 将8001的f()改写为: function f(){ addScriptTag("http...此外,如果说我们想指定自己的回调函数名,或者说服务上规定了固定回调函数名该怎么办呢?

    7.2K20

    初学者必看Ajax的总结

    在上面几中技术中,除了 XmlHttpRequest 对象以外,其它所有的技术都是基于 web 标准并且已经得到了广泛使用的,XMLHttpRequest 虽然目前还没有被 W3C 所采纳,但是它已经是一个事实的标准...原生创建 ajax 可分为以下四步 1、创建 XMLHttpRequest 对象 Ajax 的核心是 XMLHttpRequest 对象,它是 Ajax 实现的关键,发送异步请求、接受响应以及执行回调都是通过它来完成...,可以直接使用 GET 方法将要提交的参数写到 open 方法的 url 参数中,此时 send 方法的参数为 null 或为空。...) 该方法只有一个参数,但在这个对象里包含了$.ajax()方式所需要的请求设置以及回调函等信息,参数以 key / value 存在,所有参数都是可选的 $.ajax()方式常用参数解析 参数 类型...为正确的函数名,以执行回调函数text:返回纯文本字符串 beforeSend Function 发送请求前可以修改 XMLHttpRequest 对象的函数,例如添加自定义 HTTP 头。

    3.2K40

    Django跨域(前端跨域)

    默认不需要显性指定这个属性,ajax会根据服务器返回的content Type来进行转换; 比如我们的服务器响应的content Type为json格式,这时ajax方法就会对响应的内容...进行一个json格式的转换,if转换成功,我们在success的回调函数里就会得到一个json格式 的对象;转换失败就会触发error这个回调函数。...ajax请求能够实现跨域请求 解决同源策源的两个方法: 1、jsonp(将JSON数据填充进回调函数,这就是JSONP的JSON+Padding的含义。)...的原型:创建一个回调函数,然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递,完成回调。...将JSON数据填充进回调函数,这就是JSONP的JSON+Padding的含义。 但是以上的方式也有不足,回调函数的名字和返回的那个名字的一致。

    8.5K30

    第113天:Ajax跨域请求解决方法

    因此需要声明这样一个回调函数,作为请求成功的回调。...在ajax请求时,设置dataType为"json"  ② 后台返回时,依然需要返回回调函数。...; ③ 后台返回以后,ajax依然可以用success作为成功的回调函数: success:function(data){} 当然后台也可以随便返回一个回调函数名。...,聪明的程序猿就想到了变通的方法,如果要进行跨域请求, 通过使用html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递 javascript对象。...方法采用jQuery的ajax方法调用后端的Web服务GetSingleInfo方法,后台的GetSingleInfo方法,使用前端的回调方法OnGetMemberSuccessByjsonp包装后台的业务操作的

    1.7K10

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...jsonpCallback 类型:String 为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。...如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。 注意:JSONP 是 JSON 格式的扩展。...高级选项 global 选项用于阻止响应注册的回调函数,比如 .ajaxSend,或者 ajaxError,以及类似的方法。

    15.9K30

    JS实现的ajax和同源策略

    一、jQuery实现的ajax 首先说一下ajax的优缺点 优点: AJAX使用Javascript技术向服务器发送异步请求; AJAX无须刷新整个页面; 因为服务器响应内容不再是整个页面,而是页面中的局部...进行一个json格式的转换,if转换成功,我们在success的回调函数里就会得到一个json格式 的对象;转换失败就会触发error这个回调函数。...ajax请求能够实现跨域请求 解决同源策源的两个方法: 1、jsonp(将JSON数据填充进回调函数,这就是JSONP的JSON+Padding的含义。)...的原型:创建一个回调函数,然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递,完成回调。...将JSON数据填充进回调函数,这就是JSONP的JSON+Padding的含义。 但是以上的方式也有不足,回调函数的名字和返回的那个名字的一致。

    2.7K20

    jquery中ajax参数详解

    在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...jsonpCallback 类型:String 为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。...如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。 注意:JSONP 是 JSON 格式的扩展。...高级选项 global 选项用于阻止响应注册的回调函数,比如 .ajaxSend,或者 ajaxError,以及类似的方法。

    2.7K30

    前端架构师之01_JavaScript_Ajax

    当服务器响应后,再来处理Ajax对象获取到的响应结果。 同步方式:是阻塞的,当Ajax对象向Web服务器发送请求后,会等待Web服务器响应的数据接收完成,再继续执行后面的代码。...自动生成JSONP回调函数名 实际开发,使用以上的方式实现JSONP跨域请求,还存在以下两点不足。 回调函数的函数名test()会污染全局作用域。...当需要发送多个JSONP请求时,无法区分每个回调函数。 为了解决这两个问题,我们可以编写代码实现自动生成一个随机的回调函数名,并在请求时将函数名传递给服务器,服务器在返回结果中调用指定的函数。...在代码层面,Promise解决了异步操作的“回调地狱”问题。 “回调地狱”是指,在一个异步操作执行完成后,执行下一个异步操作时,出现回调函数嵌套回调函数的情况。...的onreadystatechange()就是一个异步操作,若需要在一个Ajax请求完成后,再发出另一个Ajax请求,就会出现回调函数嵌套情况。

    68510

    jQuery - Ajax详解分析(二)

    设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...jsonpCallback 类型:String 为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回调函数名。...scriptCharset 类型:String 只有当请求时 dataType 为 "jsonp" 或 "script",并且 type 是 "GET" 才会用于强制修改 charset。

    52800

    ajax跨域的基本流程

    主要可以通过架设代理服务器,JSONP和CORS三种方案实现跨域 用JavaScript写一个完整的AJAX代码并不复杂,但是需要注意:AJAX请求是异步执行的,也就是说,要通过回调函数获得响应。...在回调函数中,通常我们只需通过readyState === 4判断请求是否完成,如果已完成,再根据status判断是否是一个成功的响应。...JSONP与JSON看起来差不多,只不过是被包含在函数调用中的JSON,如下。 callback({‘name’: ‘Azure’}); JSONP由两部分组成:回调函数和数据。...回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在请求中指定的,而数据就是传入回调参数中JSON数据。下面是一个典型的JSONP请求。...通过查询字符串来指定JSONP服务的回调参数是很常见的,就像上面的URL所示,这里指定的回调函数的名字叫handleResponse()。

    1.1K10

    Web基础知识

    当服务器响应后,再来处理Ajax对象获取到的响应结果。 同步方式:是阻塞的,当Ajax对象向Web服务器发送请求后,会等待Web服务器响应的数据接收完成,再继续执行后面的代码。...自动生成JSONP回调函数名 实际开发,使用以上的方式实现JSONP跨域请求,还存在以下两点不足。 回调函数的函数名test()会污染全局作用域。...当需要发送多个JSONP请求时,无法区分每个回调函数。 为了解决这两个问题,我们可以编写代码实现自动生成一个随机的回调函数名,并在请求时将函数名传递给服务器,服务器在返回结果中调用指定的函数。...在代码层面,Promise解决了异步操作的“回调地狱”问题。 “回调地狱”是指,在一个异步操作执行完成后,执行下一个异步操作时,出现回调函数嵌套回调函数的情况。...的onreadystatechange()就是一个异步操作,若需要在一个Ajax请求完成后,再发出另一个Ajax请求,就会出现回调函数嵌套情况。

    86510

    史上最全的AJAX

    · · 异步的JavaScript:   使用[JavaScript语言]以及相关[浏览器提供类库]的功能向服务端发送请求,当服务端处理请求之后,[自动执行某个JavaSript的回调函数]· PS:以上请求和响应的整个过程是...,该对象在主浏览器中均存在(除早期的IE),AJAX首次出现IE5.5存在(Active控件)· 1丶XmlHttpRequest对象介绍 xmlHttpRequest对象的主要方法: 1·void open...(全局) su发送请求前执行回调函数(全局) coccess:成功之后执行的回调函数(全局) error:失败之后执行的回调函数...为正确的函数名, 以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type...为true   ·服务器端:Access-Control-Allow-Credentials为true   ·注意:服务器响应的Access-Control-Allow-Origin 不能是通配符 *

    4.6K20

    jQuery封装的AJAX使用

    jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用...function(XMLHttpRequest, textStatus){ this; //调用本次ajax请求时传递的options参数 } success:要求为Function类型的参数,请求成功后调用的回调函数...服务器数据改变判断的依据是Last-Modified头信息。默认值是false,即忽略头信息。 jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。...scriptCharset:要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。

    3.6K60
    领券