Ajax调用异步方法成功返回文件，但Ajax请求的成功/完成部分未执行 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jquery ajax请求成功，数据返回成功，seccess不执行的问题

1.状态码返回200--表明服务器正常响应了客户端的请求； 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据，并且是符合业务逻辑的数据。...即如果你定义的 dataType 是 json 类型的，那么返回来的数据一定是 json 才可以，平且不然就会执行 error 里的程序块儿。...原因是ajax请求跨域了，解决方法是在两个文件里都添加一段 js: [/b]document.domain，或者采用Jsonp的方式，如我的前一篇blog中提到的。...还有一点对JQuery 中Ajax的一点其它的认识：客户端发起请求，得到服务器端的相应是200，的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前...请求的域和当前域是否是同一域，如果不是同一域也十分有可能进入error:function(){***} 原帖：http://www.myexception.cn/ajax/413061.html

4.9K3 0

创建发送异步通讯对象Ajax请求、数据回调及属性状态说明

异步 JavaScript 和 XML 是指一种创建交互式网页应用的网页开发技术异步请求数据的技术 HTML部分： #resText 接收返回的数据， #statusText 接收返回的状态 <button...=null){ //2.打开操作 //参数1：请求的方式 get，post //参数2：请求的地址 index.php ajax.php //参数3：是否异步请求 true...对象已创建，未调用 open ； 1：open 方法成功调用，但 Sendf 方法未调用； 2：send 方法已经调用，尚未开始接受数据； 3：正在接受数据。...Http 响应头信息已经接受，但尚未接收完成； 4：完成，即响应数据接受完成。我们在回调的时候，如果直接 console 接收的数据，打印出多条数据。 ?...status ：服务器返回的 http 状态码。 200 表示“成功”； 404 表示“未找到”； 500 表示“服务器内部错误”等。所以要判断异步请求成功并且服务器返回状态正常，再进行数据打印。

2.3K1 0

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

是的

没有找到

前后端交互的弯弯绕绕

，Ajax能够让页面无刷新的请求数据；在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好；我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据...：原生的XMLHttpRequest的配置和调用方式都很繁琐，实现异步请求十分麻烦JQuery的ajax相对于原生的ajax是非常好用的，但是没有必要因为要用ajax异步网络请求而引用jQuery框架；...事件来处理服务器的响应//在xhr对象执行收发数据的时候，它会经历五种状态://0 未初始化|未启动、1 启动,已经调用 open(),尚未调用 send();//2 发送状态，已经调用 send()...执行异步任务-并传递结果 // 成功调用: resolve(值) 触发 then() 执行 // 失败调用: reject(值) 触发 catch() 执行})// 3....执行异步代码 setTimeout(() => { // resolve('模拟AJAX请求-成功结果') reject(new Error('模拟AJAX请求-失败结果')) }, 2000

1.6K2 0

AJAX

1.AJAX简介 AJAX是异步的JavaScript和XML，是一种用于创建快速动态网页的技术，使用AJAX可以更新部分网页内容，是非常方便使用的 2 AJAX的基本用法 1.创建 XMLHttpRequest...但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示send()方法执行完成，已经接收完全部响应数据。并为下一阶段对数据解析作好准备。　　...4**：请求包含一个错误语法或不能完成 5**：服务器执行一个完全有效请求失败 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——交易成功 201——提示知道新文件的...URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整 204——请求收到，但返回信息为空 205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 206——服务器已经完成了部分用户的...GET请求 300——请求的资源可在多处得到 301——删除请求数据 302——在其他地址发现了请求数据 303——建议客户访问其他URL或访问方式 304——客户端已经执行了GET，但文件未变化 305

9644 0

JSP的原生Ajax与解析Json

大家好，又见面了，我是你们的朋友全栈君。 JS原生Ajax Ajax=异步Javascript+XML； ajax是一种数据请求的方式，不需要刷新整个页面。...状态码； statusText:HTTP状态的说明； XHR对象的readyState属性表示请求/响应过程的当前活动阶段，这个属性的值如下 0-未初始化，尚未调用open()方法； 1-启动，调用了...open()方法，未调用send()方法；服务器连接已建立； 2-发送，已经调用了send()方法，未接收到响应；请求已接收； 3-接收，已经接收到部分响应数据；请求处理中； 4-完成，已经接收到全部响应数据...在readystatechange事件中，先判断响应是否接收完成，然后判断服务器是否成功处理请求，xhr.status 是状态码，状态码以2开头的都是成功，304表示从缓存中获取，上面的代码在每次请求的时候都加入了随机数...主要原理是利用了script 标签可以跨域请求的特点，由其 src 属性发送请求到服务器，服务器返回 js 代码，网页端接受响应，然后就直接执行了，这和通过 script 标签引用外部文件的原理是一样的

1.9K2 0

前端必知的ajax

简介异步交互此篇只介绍部分方法，想了解更多就猛戳这里 ? 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。...这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。示例代码： $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。...注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。 timeout Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。...complete Function 请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。

4.2K4 0

Ajax请求的五个步骤

设置响应HTTP请求状态变化的函数 4、设置获取服务器返回数据的语句 5、发送HTTP请求 6、局部更新三、完整的AJAX实例 Ajax请求的五个步骤一、定义 1、什么是Ajax Ajax：即异步...Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。...创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. 设置响应HTTP请求状态变化的函数. 发送HTTP请求. 获取异步调用返回的数据....但是，异步调用过程完毕，并不代表异步调用成功了，如果要判断异步调用是否成功，还要判断XMLHttpRequest对象的status属性值，只有该属性值为200，才表示异步调用成功，因此，要获取服务器返回数据的语句...，控制台的报错信息如下：这是因为代码中设置请求的是菜鸟驿站服务端的文件，所以出现跨域导致未正常获取到服务端返回的数据。

5.1K4 1

Ajax详解

image.png 一:什么是Ajax Ajax是(Asynchronous JavaScript And XML)是异步的JavaScript和xml。也就是异步请求更新技术。...Ajax是一种对现有技术的一种新的应用，不是一门新语言。它是用JavaScript编写。与xml的关系就是可以读取和返回xml文件。...open(method,url,async) method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步） send(string)...将请求方式，请求目的地址，和请求类型设置到open方法中，如果是post请求，则需要设置setRequestHeader()参数第三步：发送执行利用send方法，与服务器真正的交互执行第四步：获得执行结果...首先判断执行是否完成，然后通过js操作dom元素，将返回的responseText返回到页面 [javascript] view plaincopy xmlhttp.onreadystatechange

1.2K9 0

Ajax 请求的五大步骤

这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，而传统不使用Ajax的网页，如果需要更新内容，必需重载整个网页面。...Ajax 的工作原理 Ajax 的工作原理相当关于在用户和服务器之间加了一个中间层（Ajax 引擎），使用户操作与服务器响应异步化，并不是所有的用户请求都提交给服务器。...2、创建一个新的HTTP 请求，并指定该HTTP 请求的方法，URL及验证信息 3、设置响应HTTP请求状态变化的函数。 4、发送HTTP 请求。 5、获取异步调用返回的数据。...大多数浏览器实施了一个同源安全策略，并且要求这个URL 与包含脚本的文本具有相同的主机名和端口 3、async 参数指示请求使用应该异步执行。...异步调用过程完毕，并不代表异步调用成功了，如果要判断异步调用是否成功，还要判断 XMLHttpRequest 对象的status属性值，只有status === 200 ，才表示异步调用成功。

9283 0

AJAX 与跨域通信（一）：AJAX

在远古时代，如果浏览器需要从服务器请求资源，其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新，客户端加载新的 HTML文档”，很显然，在这种情况下，即使只是为了更新部分数据...而 AJAX 的出现解决了这个问题。 AJAX 即异步 JavaScript 和 XML，它可以在不重新加载整个网页的情况下，对网页的某部分进行异步更新。...但是如果是异步请求呢？对于异步请求，不需要等待服务器响应结果我们就可以执行后面的判断了，甚至可能出现一种情况是：服务器还没来得及响应结果，判断已经先执行了。那么这时候，请求一定会失败。...readyState 可取值有：状态值含义说明 0 未初始化尚未调用 open() 方法 1 启动已经调用 open() 方法，但尚未调用 send() 方法 2 发送已经调用 send()...方法，但尚未接收到响应 3 接受已经接收到部分响应数据 4 完成已经接收到全部响应数据，而且已经可以在客户端使用了那么，前面的代码就变成了： xhr.onreadystatechange =

1.3K2 0

原生JS实现一个Ajax跨域请求

异步交互接下来便要弄清楚什么是异步交互。所谓异步交互，就是指指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。...二：监听onreadystatechange事件此事件可以通过核心对象readyState属性获取当前请求内容的状态，因此可以利用此状态来判断异步请求是否完成。...监听很简单，调用核心对象的onreadystatechange方法即可进行监听。...关于readyState一共有五种状态， 0 未初始化 1 open()方法被调用 2 send()方法被调用 3 正在相应 4 相应完毕而响应码指的是网络请求返回的状态码，通常有200，301，404...xhr.send(null) 五：处理数据接下来只需要在第二步中在当请求成功时执行的代码部分进行编写处理代码。但是遇到一个问题，如何获得返回结果？

3.9K3 0

初学者必看Ajax的总结

原生创建 ajax 可分为以下四步 1、创建 XMLHttpRequest 对象 Ajax 的核心是 XMLHttpRequest 对象，它是 Ajax 实现的关键，发送异步请求、接受响应以及执行回调都是通过它来完成...readyState ：ajax 处理过程 0：请求未初始化（还没有调用 open() ）。...(可选) Function 请求完成时的回调函数，无论是请求成功还是失败 $.get()和$.post()方法 load()方法通常用来从 web 服务器上获取静态的数据文件。...请求完成后的回调函数（请求成功或失败时都调用）参数：XMLHttpRequest 对象和一个描述成功请求类型的字符串function(XMLHttpRequest,textStatus){this;/.../调用本次 Ajax 请求时传递的 options 参数} success Function 请求成功后调用的回调函数，有两个参数(1)由服务器返回，并根据 dataTyppe 参数进行处理后的数据(2

3.7K4 0

AJAX 与跨域通信（一）：AJAX 与同源策略

在远古时代，如果浏览器需要从服务器请求资源，其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新，客户端加载新的 HTML文档”，很显然，在这种情况下，即使只是为了更新部分数据...而 AJAX 的出现解决了这个问题。 AJAX 即异步 JavaScript 和 XML，它可以在不重新加载整个网页的情况下，对网页的某部分进行异步更新。...但是如果是异步请求呢？对于异步请求，不需要等待服务器响应结果我们就可以执行后面的判断了，甚至可能出现一种情况是：服务器还没来得及响应结果，判断已经先执行了。那么这时候，请求一定会失败。...readyState 可取值有：状态值含义说明 0 未初始化尚未调用 open() 方法 1 启动已经调用 open() 方法，但尚未调用 send() 方法 2 发送已经调用 send()...方法，但尚未接收到响应 3 接受已经接收到部分响应数据 4 完成已经接收到全部响应数据，而且已经可以在客户端使用了那么，前面的代码就变成了： xhr.onreadystatechange =

1.4K1 0

AJax(XHR+Get和Post+AJax的封装)

执行 send()方法之后，请求就会发送到服务器上。当请求发送到服务器端，收到响应后，响应的数据会自动填充 XHR 对象的属性。...除了成功的状态代码，还有一些别的：同步调用固然简单，但使用异步调用才是我们真正常用的手段。...open方法；1=已调用open方法未调用send方法，2=调用send方法，未接收到响应；3=接收到部分响应；4=响应完全接收）xhr.onreadystatechange = function()...方法；1=已调用open方法未调用send方法，2=调用send方法，未接收到响应；3=接收到部分响应；4=响应完全接收）xhr.onreadystatechange = function() {//...// 监听readystate事件（0=尚未调用open方法；1=已调用open方法未调用send方法，2=调用send方法，未接收到响应；3=接收到部分响应；4=响应完全接收）xhr.onreadystatechange

4981 0

AJAX的基本原理及实例解析。

什么是Ajax讨论1075083208 　　Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。　　...对象状态值有以下几个：　　0 - (未初始化)还没有调用send()方法　　1 - (载入)已调用send()方法，正在发送请求　　2 - (载入完成)send()方法执行完成　　3 - (交互...)正在解析响应内容　　4 - (完成)响应内容解析完成，可以在客户端调用了　　对于readyState的状态值，其中“0”状态是在定义后自动具有的状态值，而对于成功访问的状态(得到信息)我们大多数采用...真正能够向服务器发送请求需要调用send方法，并仅在POST请求可以传入参数，不需要则发送null，在调用send方法之后请求被发往服务器。　　...status Text——伴随状态码的字符串信息。　　在收到响应后第一步是检查响应状态，确保响应是否成功返回(状态为200)。

1.3K3 0

java中的jQuery与Ajax的应用，菜鸟教程

减轻服务器和宽带的负担开发和调试工具的缺乏 2.Ajax的XMLHttpRequest对象 Ajax的核心是XMLHttpRequest对象，它是Ajax实现的关键——发送异步请求、接收响应及执行回调都是通过它来完成的...，但还没有调用open()方法。...HTTP协议版本 200——成功 201——提示知道新文件的URL 300——请求的资源可在多处得到 301——删除请求数据 404——没有发现文件、查询或URl...语法： load( url [,data] [ ,callback]) url:请求HTML页面的URL地址 data:发送至服务器的数据 callback:请求完成时的回调函数，无论请求成功或失败...如： {name:’zhangs’} callback:载入成功时回调函数(只有当Response的返回状态是success 才调用该方法)自动将请求结果和状态传递给该方法。

2.2K3 0

前端基础-Ajax对象

，但未初始化，只是 new 成功获取了对象，但是未调用open方法 1：表示对象已初始化，但未发送，调用了open方法，但是未调用send方法 2：已调用send方法进行请求 3：正在接收数据（接收到一部分...），客户端已经接收到了一部分返回的数据 **4：接收完成，客户端已经接收到了所有数据 * ** status ：http响应状态码 200代表成功获取服务器端数据 404未找到页面等等……...])：初始化Ajax对象 (打开) method:http请求方式，get/post url:请求的服务器地址 aycs:同步与异步 setRequestHeader(header,value...注意: 所有相关的事件绑定必须在调用send()方法之前进行. 2.2.3 同步与异步例如，小明去餐馆排队点餐，前台服务员将小明的菜单告诉厨师进行制作，此时小明后面排队的人就一直等着，直到厨师制作完成...；这就是异步处理服务器的不同做法，就代表着 Ajax 的同步或异步处理；小明就是客户端；厨师就是后台服务器；图示： ?

1.1K1 0

AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法

我们可以通过 xhr 对象来执行各种 AJAX 相关的操作。XMLHttpRequest 对象属性和方法XMLHttpRequest 对象拥有一系列属性和方法，用于配置和控制 AJAX 请求。...readyState：表示 XMLHttpRequest 对象的请求状态，其值为整数。0：未初始化。XMLHttpRequest 对象已创建但尚未调用 open() 方法。1：已打开。...open() 方法已调用，但尚未调用 send() 方法。2：已发送。send() 方法已调用，但尚未接收到响应。3：接收中。正在接收服务器返回的数据。4：已完成。...然后，我们通过 onreadystatechange 事件监听器来检测请求的状态变化。当 readyState 变为 4（已完成）且 status 为 200（成功）时，表示服务器返回了有效的响应。...并且要注意跨域请求、请求头设置等细节，以确保 AJAX 请求的顺利执行。

1.9K3 0

jQuery ajax() 方法

函数描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。...callback (Function) ：(可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。...请求成功时可调用回调函数，如果需要在出错时执行函数，请使用 $.ajax。示例代码： $.get("....注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。 timeout Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。

4.5K6 0

Ajax 的用法

它不是一门新的语言，而是一种使用现有标准的新方法，可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容，而且不需要任何浏览器插件，只需要用户允许 JavaScript 在浏览器上执行。...①、创建 XMLHttpRequest 对象 ②、编写状态响应函数 ③、调用 open() 方法 ④、发送请求 send() 下面我们通过一个简单的例子来模拟通过 Ajax 来更新页面上的内容第一步...指定和服务器端交互的HTTP方法，URL地址，即其他请求信息； method:表示http请求方法，一般使用"GET","POST". url：表示请求的服务器的地址； asynch：表示是否采用异步方法...④、发送请求 send() send(content) 向服务器发出请求，如果采用异步方式，该方法会立即返回。...为请求成功后的回调函数，dataType 为服务器返回数据类型。

1.7K0 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭