我使用$.ajax通过get的方式发送数据，但是虽然我得到了成功的数据，但是不能执行成功的回调函数 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

33·灵魂前端工程师养成-异步与promise

你写给自己用的函数，不是回调 # 你写给别人用的函数，就是回调 # request.onreadystatechange就是我写给浏览器调用的 # 意思就是，你（浏览器）回头调用一下这个函数。...1.setTimeout 2.AJAX（即XMLHTTPRequest） 3.AddEventListener 求都嘛得~ 我听说AJAX可以设置为同步的。...(data.toString())//成功 }) 方法二：搞两个回调呗 ajax('GET','/1.json',data()=>{},error()=>{}) //前面函数是成功回调，后面函数是失败回调...ajax('GET','/1.json',{ success:()=>{},fail:()=>{} }) //接受一个对象，对象有两个key，表示成功和失败但是...特么的，只要有但是，那么但是之前的都是废话...// 先改一下调用姿势 ajax('get','/xxx',{ success(respone){},fail:(request,status)=>{} }) // 上面代码，用到了两个回调，

1.2K3 0

前后端交互的弯弯绕绕

能够让页面无刷新的请求数据；在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好；我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据...：原生的XMLHttpRequest的配置和调用方式都很繁琐，实现异步请求十分麻烦JQuery的ajax相对于原生的ajax是非常好用的，但是没有必要因为要用ajax异步网络请求而引用jQuery框架；...在这个状态下，我们可以通过then()方法设置的回调函数来获取这个值;已拒绝（rejected）：如果异步操作失败，或者在执行过程中抛出了一个错误，Promise对象就会变为拒绝状态在这个状态下...，我们可以通过then()方法或catch()方法设置的回调函数来处理这个错误；但是如果程序上的错误，得通过catch()去拿到失败消息，在then()中是获取不了的； //then 支持多参数,...Promise 对象中管理一个异步任务，用 then 返回 Promise 对象，串联起来好处：通过链式调用，解决回调函数嵌套问题/*** 目标：把回调函数嵌套代码，改成Promise链式调用结构* 需求

1.6K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

AJAX 与跨域通信（二）：跨域解决方案

JSONP 使用起来虽然很简单，但是有如下缺点：无法发送 POST 请求安全问题。...“ Access-Control-Allow-Methods：这里告诉客户端，服务端允许的跨域 AJAX 请求的类型，”虽然你刚才告诉我你准备进行的是 PUT 请求，不过你要进行 GET 或者 POST...图像 Ping 图像 Ping 是与服务器进行简单、单向的跨域通信的一种方式，请求的数据是通过查询字符串形式发送的，而响应可以是任意内容，通常是像素图和 204 响应。...iframe 是 c.html，一旦加载好（很显然这时候 window.name 的值已经记录在这个窗口里了），就执行回调函数，通过修改 src 让页面跳转到 b.html（这时候 window.name...的值传递给了 b.html），第二次触发执行回调函数，将最初的数据传递给 a.html。

1.7K1 0

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo 前言在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的....但是对于AJAX数据交互的处理,我不是很理解....但是,在我这个项目中,使用到了两个功能,分别是 get 获取数据和 post 提交数据.其中的共用代码还是非常多的. 因此,我封装一下,一来可以掌握一下回调函数的基本使用.二来,可以让代码量少一些....能够这样封装的前提是,后端提供的接口的格式都是统一规范的.并且,对于成功和出错的处理方式都是一致的. 如果不能满足这个条件,那么这样的封装是没有任何意义的....,一看这个名字我就知道它是干嘛的.例如上面的buildInquireJson()这个函数,我虽然没有在文章中提供这个函数的代码.但是一看这个名字就知道,这是一个组装Inquire这个玩意儿的json数据的函数

7812 0

ajax跨域的基本流程

主要可以通过架设代理服务器，JSONP和CORS三种方案实现跨域用JavaScript写一个完整的AJAX代码并不复杂，但是需要注意：AJAX请求是异步执行的，也就是说，要通过回调函数获得响应。...请求状态变化的函数；发送HTTP请求；获取异步调用返回的数据；使用JavaScript和DOM实现局部刷新。...在回调函数中，通常我们只需通过readyState === 4判断请求是否完成，如果已完成，再根据status判断是否是一个成功的响应。...图像Ping是与服务器进行简单、单向的跨域通信的一种方式。请求的数据是通过查询字符串形式发送的，而响应可以是任意内容，但通常是像素图或204响应。...回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在请求中指定的，而数据就是传入回调参数中JSON数据。下面是一个典型的JSONP请求。

1.3K1 0

Ajax技术详解（上）

状态码 1**：请求收到，继续处理 2**：操作成功收到，分析、接受 3**：完成此请求必须进一步处理 4**：请求包含一个错误语法或不能完成 5**：服务器执行一个完全有效请求失败 eval函数通过...ajax函数成功请求的数据类型是字符串类型，需要通过eval()或JSON.parse()来解析，这里不推荐使用eval()函数，原因如下：使用eval()函数之后就不能debug调试了在非严格模式下没有自己的作用域...JSONP跨域解决方法： JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数，而数据就是传入回调函数中的JSON数据。...当网页接收到这段Javascript代码后，就会执行这个回调函数，这时数据已经成功传输到客户端了。...当网页接收到这段Javascript代码后，就会执行这个回调函数，这时数据已经成功传输到客户端了。

2.4K2 0

前端-Ajax的全面总结

2.实现流程创建 XMLHttpRequest对象——>打开请求地址，初始化数据——>发送请求数据——>监听回调函数状态——>收到服务器返回的应答结果。...等能根据不同需要进行调用，写法更加简洁，但是为了兼顾各个方法在这里我以一个通用的方法 $.ajax为例做一个简单的解析,按照下面的模式写好各个参数,就能成功进行Ajax的请求了,可能在实际中使用 $.post...data){ } //请求成功后的回调函数,参数data就是服务器返回的数据 error:function(data){ } //请求失败后的回调函数...作为Ajax最常用的两种数据提交方式，GET和POST有着自己的特点和适用场景，正确区分GET和POST的不同并根据实际需要进行选用在开发中十分重要，简单但是关键！ ?...但是success和complete容易混淆，在这里特别做一个说明： success:请求成功后回调函数。 complete:请求完成后回调函数 (请求成功或失败时均调用)。

3.1K3 0

初学者必看Ajax的总结

在上面几中技术中，除了 XmlHttpRequest 对象以外，其它所有的技术都是基于 web 标准并且已经得到了广泛使用的，XMLHttpRequest 虽然目前还没有被 W3C 所采纳，但是它已经是一个事实的标准...原生创建 ajax 可分为以下四步 1、创建 XMLHttpRequest 对象 Ajax 的核心是 XMLHttpRequest 对象，它是 Ajax 实现的关键，发送异步请求、接受响应以及执行回调都是通过它来完成...由于同源策略的限制，XmlHttpRequest 只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过 script 标签实现跨域请求，然后在服务端输出 JSON 数据并执行回调函数，...在客户端声明回调函数之后，客户端通过 script 标签向服务器跨域请求数据，然后服务端返回相应的数据并动态执行回调函数用 XMLHttpRequest 时，我们得到一个字符串；要用JSON.parse...，在 ajax 请求中，这种区别对用户不可见 GET 方式对传输数据有大小限制（通常不能大于 2KB），而使用 POST 方式传递的数据量要比 GET 方式大得多（理论不受限制） GET 方式请求的数据会被浏览器缓存起来

3.7K4 0

原来你是这样的jsonp(原理与具体实现细节)

但是有可能还不太它内部具体是如何实现一个jsonp的，从请求的发出，到指定的成功(success)或失败(error)回调函数的执行。这中间前端需要做什么？后端又需要做些什么来支持？...当然jsonp不同于平常的ajax请求,它仅仅支持get类型的方式如何使用这里简单的介绍一下zepto.js是如果使用jsonp形式请求数据的，然后从使用的角度出发一步步分析源码实现。...使用 $.ajax({ url: 'http://www.abc.com/api/xxx', // 请求的地址 type: 'get', // 当然参数可以省略 data: { // 传给服务端的数据...第一句自然是针对超时处理，如果请求在指定超时时间之前完成，自然是要把他清除一下，不然指定的时间到了，超时的回调还是会执行，这是不对的。...该是不能吧，但是我们能够阻止请求回来之后要做的事情呀！而这个回调不就是请求回来之后要做的事情么。请求成功或失败的处理 if (e.type == 'error' || !

2.5K10 0

原来你是这样的JSONP

前言 ❝jsonp(JSON with padding)你一定不会陌生，前端向后端拿数据的方式之一，也是处理跨域请求的得利助手。 ❞ ❝我们早已习惯，早已熟练了jQ或者zepto的ajax调用方式。...但是有可能还不太它内部具体是如何实现一个jsonp的，从请求的发出，到指定的成功(success)或失败(error)回调函数的执行。 ❞ 这中间前端需要做什么？后端又需要做些什么来支持？...当然jsonp不同于平常的ajax请求,它仅仅支持get类型的方式如何使用 ❝这里简单的介绍一下zepto.js是如果使用jsonp形式请求数据的，然后从使用的角度出发一步步分析源码实现。...第一句自然是针对超时处理，如果请求在指定超时时间之前完成，自然是要把他清除一下，不然指定的时间到了，超时的回调还是会执行，这是不对的。...该是不能吧，但是我们能够阻止请求回来之后要做的事情呀！而这个回调不就是请求回来之后要做的事情么。「请求成功或失败的处理」 if (e.type == 'error' || !

8563 0

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

因此需要声明这样一个回调函数，作为请求成功的回调。...但是，ajax在发送请求时会默认使用get请求将回到函数名发给后台，后台可以使用$_GET['callback']取出回调函数名： echo "{$_GET['callback']}({$str})"...; ③ 后台返回以后，ajax依然可以用success作为成功的回调函数： success:function(data){} 当然后台也可以随便返回一个回调函数名。...JSONP是一种使用JSON数据的方式，返回的不是JSON对象，是包含JSON对象的javaScript脚本。 ...，聪明的程序猿就想到了变通的方法，如果要进行跨域请求，通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递 javascript对象。

2K1 0

关于网络请求的面试题总结

本文首发于掘金，各位可以通过点击文章下方的阅读原来来访问原文地址网络相关的知识也是面试时经常会被问到的问题，面试官很有必要确认面试者是否只会使用$.ajax()方法，还是真正了解网络请求的原理。...也就是说，GET只需要汽车跑一趟就把货送到了，而POST得跑两趟，第一趟，先去和服务器打个招呼“嗨，我等下要送一批货来，你们打开门迎接我”，然后再回头把货送过去。...示例代码：所以总结一下JSONP的实现方式：向当前页面中动态插入一个元素，src属性设置为请求地址，并在地址中指定好回调函数 js代码中预先定义好jsonp的回调函数请求完成后，会立即调用预先指定好的...jsonp回调，并将数据以json的格式传递到回调中。...HTML5中给元素增加了一个onerror事件，但是还是有浏览器不支持。只能发送GET请求图像Ping 这是指通过请求图片的方式来跨域发送请求。

1.3K5 0

前端必知的ajax

这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。...这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。示例代码： $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。...注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。

4.2K4 0

AJAX-前后端交互的艺术

GET方式 GET：没有请求体，但空行是存在的，附带的参数有限制，数据容量不能超过1k POST：存在请求体，可以在请求的实体内容中向服务器发送数据，传送的数据量是无限制的 (2) GET 方式请求的格式...date：请求参数，想对应于原生JS实现的，data: "username=admin&age=20" success：响应成功后的回调函数 error：果请求响应出现错误，会执行的回调函数 dateType...data：待发送 Key/value 参数 callback：载入成功时回调函数 type：返回内容格式，xml, html, script, json, text, _default 这种方式旨在快速的实现请求...，当请求成功的时候可以调用回调函数，如果需要在出错的时候执行函数，还是需要使用 (二) $.post()方法说明：这是一个简单的 POST 请求功能，来取代复杂的 .ajax()¨K69K说明：这是一个简单的...：发送成功时回调函数 type：返回内容格式，xml, html, script, json, text, _default。

2.4K1 0

ajax如何解决跨域_除了jsonp还有什么跨域方式

跨域问题产生的原因之前做过会员邮箱的录入联想功能，因为数据不在我们的服务器，需要调用其他项目组的接口，虽然可以用PHP调用返回结果到页面，但是不如用ajax直接请求更方便，然而ajax是通过XmlHttpRequest...img、iframe 、script标签可以通过src属性请求到其他服务器上的数据，利用这一开放策略，通过动态添加script标签来调用服务器，返回是的生成的可执行js代码，数据作为回调函数的参数，...: "jsonp", //跨域 jsonp: "callback", //回调函数的参数名，可自动生成 data: data, //发送数据 cache: false..., /*发送前执行方法*/ beforeSend: function () { }, /*成功执行方法*/ success: function...}); 注意只支持 get方式，也可以用 iframe 设置 src 指向本地域的代理文件，监听引入外部 html 并在 window.name 对象里存取数据，但要及时销毁。

6671 0

Ajax,Promise,Fetch,Axios的区别

从而引入异步处理，使代码无需等待，继续处理其他代码，直到其他程序处理完毕，js再继续之前的工作早期处理的思路 js中的一部主要是通过事件和回调函数实现的，但是这种方式会存在一些问题 //为了方便演示，...("get", "https://api.q6q.cc/blog"); //3.发送当前的请求⾄指定的URL xhr.send(); //4.异步回调接收返回值并处理...1 (载入)：已经调用open()方法，但尚未发送请求。 2 (载入完成)：请求已经发送完成。 3 (交互)：可以接收到部分响应数据。 4 (完成)：已经接收到了全部数据，并且连接已经关闭。 2....Promise 为了解决一部带来的问题，js推出新对象promise，专门用来存储异步代码对象，他可以确保异步代码的执行和返回结果 Promise的回调函数可以指定两个参数 resolve :在代码正常执行时...，来设置返回值的 reject(可选) :在代码执行出错时，用来设置错误信息，反正我不用，用catch更优雅当Promise中的代码正常执行时，会通过then方法回调来返回结果，直接抛出异常非正常执行则不会执行

2.7K3 0

关于跨域

在使用Vue搭建的一个后端管理系统中，我使用axios请求本地的Node环境下的接口，但是请求失败，然后我错误信息是： ?...便签可以进行跨域的请求：首先前端先设置好回调函数，并将其作为 url 的参数。...服务端接收到请求后，通过该参数获得回调函数名，并将数据放在参数中将其返回收到结果后因为是 script 标签，所以浏览器会当做是3脚本进行运行，从而达到跨域获取数据的目的。..., true).query.callback; res.writeHead(200); res.end(`${callback}(${JSON.stringify(data)})`); //执行回调函数...至此，通过 JSONP 跨域获取数据已经成功了，jsonp这种方法跨域，他的兼容性很好，可以在古老的浏览器中国使用，因为这种方法是利用了标签的特殊性，所有只支持GET请求。

9031 0

Ajax向服务器端发送请求

(); Ajax状态值在Ajax请求执行的过程中每一步都对应一个状态码数值意义 0 请求没有初始化，没有调用 open() 1 请求已经建立，但是没有发送 send() 2 请求已经发送 3 请求正在处理...4xx 客户端错误，请求可能出错，妨碍服务器的处理 5xx 服务端错误，服务器不能正确执行一个正确的请求低版本浏览器缓存问题由于缓存的存在，在请求地址不发生改变的情况下，只有第一次的数据请求会发送到服务器端...t=' + Math.random()); 通过Math下的方法产生随机数，使请求地址不同也可以使用Date下的方法，利用时间戳，也可以使值不同 Ajax的封装给函数设定一些默认值创建ajax对象...responseText = JSON.parse(responseText); } // 如果请求成功 if (xhr.status == 200) { // 调用成功回调函数..., 并且将服务器端返回的结果传递给成功回调函数 defaults.success(responseText, xhr); } else { // 调用失败回调函数并且将xhr对象传递给回调函数

3.1K2 0

Ajax工作原理及实例「建议收藏」

在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经得到了广泛使用的，XMLHttpRequest虽然目前还没有被W3C所采纳，但是它已经是一个事实的标准...但是，虽然说这个问题是可以解决的，但是它所带来的开发成本是非常高的，和ajax框架所要求的快速开发是相背离的。这是ajax所带来的一个非常严重的问题。...为正确的函数名，以执行回调函数。 text：返回纯文本字符串。...要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）。...success：要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。

1.2K1 0

Django跨域(前端跨域)

：预期服务器返回的数据类型,服务器端返回的数据会根据这个值解析后，传递给回调函数。...进行一个json格式的转换，if转换成功，我们在success的回调函数里就会得到一个json格式的对象；转换失败就会触发error这个回调函数。...的原型：创建一个回调函数，然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递，完成回调。...将JSON数据填充进回调函数，这就是JSONP的JSON+Padding的含义。但是以上的方式也有不足，回调函数的名字和返回的那个名字的一致。...是内部自动生成的一个回调函数名。此外，如果说我们想指定自己的回调函数名，或者说服务上规定了固定回调函数名该怎么办呢？

9K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭