ajax 请求被终止 chrome查询发现请求状态status为canceled

【ajax 请求被终止 chrome查询发现请求状态status为canceled】的更多相关文章

ajax 请求被终止 chrome查询发现请求状态status为canceled

检查页面的network执行中发现页面被刷新了url改变了导致请求在请求过程中被终止了. 检查代码发现在 submit方法中最后写了个 location.reload();方法来重载页面虽然是卸载了ajax请求方法之后但是由于ajax启用的异步模式所以方法在执行的时候不会等待ajax请求方法执行完再进行重载. 导致ajax请求过程中url改变请求被终止. 修正方法: 1.将ajax请求改为同步的那么 location.reload();方法会在等待ajax请求执行结束后进行执行 2.将…

chrome浏览器下用jQuery的load函数来跨域加载页面，响应状态status为(canceled)是什么情况？ JSON和JSONP，也许你会豁然开朗，含jQuery用例

http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 问题来源:http://q.cnblogs.com/q/63123/ 问题出现的环境: 1:两个domain相同端口号不同的域名. 2:MVC4.0框架 3:从一个域名下用 jQuery.load("另一个域名下的页面"): 4:响应失败 : 响应状态status为(canceled) 请问这是什么情况呢 ? 我在IE下就没问题,可以…

请求响应状态status为canceled

发出ajax请求之后发现status状态是canceled 1. 和form冲突我的提交代码是这样的 $.ajax({ //几个参数需要注意一下 type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据类型 url: "/users/login" ,//url data: $('#form1').serialize(), //就是这里冲突 success: function (result) { co…

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询基于element Transfer http://element-cn.eleme.io/#/zh-CN/component/transfer 直接上代码 <template> <div class="auth-user-list"> <el-breadcrumb separator="/"> <el-breadcrumb-item>…

ajax请求与form表单提交共存的时候status为canceled

chrome浏览器调试,发现,status竟然是canceled状态网上总论: 1.在URL变更后,会对当前正在执行的ajax进求进行中止操作.中止后该请求的状态码将为canceled 2.在使用到ajax的时候,尽量不要在form内使用button进行提交,这些特殊的标签在特定的情况下往往会有让你迷茫的时候. 但是,自己这样搞定叻..…

fiddler抓不到chrome浏览器的请求

今天遇到一个非常尴尬的问题,接口在某种情况下会报错,此时前端会展示NAN之类的东西,由于复现不了,接口现在一直不报错了,所以就让前端做了个友好提示, 当接口报错时,给个提示“请稍后重试” ,我要测试前端的这个提示,就需要模拟接口返回错误的情况,准备用fiddle抓包后,篡改接口返回内容的成功为失败,将返回的data清空. 问题来了: 我的fiddle就是抓不到 chrome浏览器的请求,但是却能抓到12306的请求包,原因是我正在刷票. 同事那里可以正常抓包,篡改. 我的为什么就不行呢?,后来…

ajax请求，函数外无法获取请求的数据问题解决

一.开发中遇到需要通过ajax请求获取其他函数能否执行的状态,但是当赋值给statusFlag时发现无法赋值:ajax请求默认为异步的方式,该请求的操作被放置在任务队列中,并不会按顺序执行,所以被赋值的参数并没有取到后台传回的状态,因此只需要把该操作改为同步即可: //异步请求获取下载的状态 function getDownloadStatus(deviceMacType){ let btnStatusMacs = false; $.ajax({ type: 'GET', url: 'xxxxx…

4 伪ajax：jsonp、cors 跨域请求

一.同源策略 https://www.cnblogs.com/yuanchenqi/articles/7638956.html 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现. 同源策略,它是由Netscape提出的一个著名的安全策略.现在所有支持JavaScript 的浏览器都会使用这个策略.所谓同源是指,域名,协议,…

AJAX（XMLHttpRequest）进行跨域请求方法详解

AJAX(XMLHttpRequest)进行跨域请求方法详解(三) 2010年01月11日 08:48:00 阅读数:24213 注意:以下代码请在Firefox 3.5.Chrome 3.0.Safari 4之后的版本中进行测试.IE8的实现方法与其他浏览不同. 3,带验证信息的请求身份验证是Web开发中经常遇到的问题,在跨域请求中,默认情况下是不发送验证信息的.要想发送验证信息,需要进行withCredentials 属性,下面就是一个简单请求的例子: <!DOCTYPE html PUB…

springmvc chrome jsonviewer 一起请求重复提提交 controller重复执行 2次执行

情况一: springmvc chrome jsonviewer 一起请求重复提提交 controller重复执行 2次执行 Chrome浏览器地址栏访问接口url,重复请求问题解决不论刷新还是地址栏回车都会重复请求两次接口,但是换Firefox浏览器就没有这个问题,命令行curl也是正常的,后来发现是Chrome浏览器Jsonview插件的原因导致的. 将图片中红色框内的勾去掉即可,如果选择了该项,那么浏览器会被强制重复发送一次HTTP请求来获取原始HTTP内容. 这跟springmv…

原创：【ajax | axios跨域简单请求+复杂请求】自定义header头Token请求Laravel5后台【亲测可用】

如标题:我想在ajax的header头增加自定义Token进行跨域api认证并调用,api使用laravel5编写,如何实现? 首先,了解下CORS简单请求和复杂请求. -- CORS简单请求 -- 链接:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 1.ajax跨域,使用CORS方式 -- (ajax跨域会自动提交origin字段,用户不可伪造) 2.HTML的js: </body> <…

解决.NET Core Ajax请求后台传送参数过大请求失败问题

解决.NET Core Ajax请求后台传送参数过大请求失败问题今天在项目上遇到一个坑, 在.Net Core中通过ajax向mvc的controller传递对象时,控制器(controller)的方法一直没有进去,百思不得其解, 后面把传递的参数打印出来发现传递的参数比较大,有2.4M的数据,如下图: 后面跟踪项目发现web.config和Startup.cs里面没有设置数据传输大小(至于默认的数据大小是多少就没深究了), 到这里就明了了,就只要在web.config和Startup.cs里…

Ajax的get和post两种请求方式区别

Ajax的get和post两种请求方式区别 (摘录):http://ip-10000.blog.sohu.com/114437748.html 解get和post的区别. 1. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址.用户看不到这个过程. 2. 对于get方式,服务器端用Request.…

框架基础：ajax设计方案（六）--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置请求参数的拓展(增加json)和重构优化初始化参数类型检查浏览器错误回收机制增加ajax请求blob(二进制)类型跨域问题的总结和支持 npm打包…

ajax请求导致status为canceled(无任何回调数据)的原因

1.故障现象一个普通的ajax请求,请求能够到达controller,也能正常处理业务,但是ajax的回调函数为空,即没有任何状态和数据返回,使用谷歌浏览器查看请求状态如下图: 出现该错误:简单来说可能是在提交的数据中包括for表单总结: 1.在URL变更后,会对当前正在执行的ajax进求进行中止操作.中止后该请求的状态码将为canceled 2.在使用到ajax的时候,尽量不要在form内使用button进行提交,这些特殊的标签在特定的情况下往往会有让你迷茫的时候.…

SharePoint 2013 Workflow Manager 1.0 远程服务器返回错误: (400) 错误的请求。不支持查询字符串中的 api-version

环境: Windows Server 2012 R2 Standard SharePoint Server 2013 with sp1 通过Web 平台安装程序 5.0,已安装 Workflow Manger 1.0 Workflow Manger 1.0 Cumulative Update3 Service Bus 1.0 Service Bus 1.0 Cumulative Update1 运行Workflow Manger 配置,最后报错如下: [Error] [2017/12/1 10:…

ajax参数传递之[HttpGet]/[HttpPost]/[HttpPut]/[HttpDelete]请求

$.ajax({ type: "get", url: "http://localhost:27221/api/Charging/GetByModel", contentType: "application/json", data: { ID: "1", NAME: "Jim", CREATETIME: "1988-09-11" }, success: function (data, st…

前端通信：ajax设计方案（六）--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置请求参数的拓展(增加json)和重构优化初始化参数类型检查浏览器错误回收机制增加ajax请求blob(二进制)类型跨域问题的总结和支持 npm打包…

Flask中获取参数(路径，查询，请求体，请求头)

上一篇中已经讲述了:HTTP协议向服务器传参有几种途径{ 链接 } 在Flask中同样通过这4中传参途径进行归纳: 1. URL中路径参数的获取: 拓展: # 路由参数/路径参数:http://127.0.0.1:5000/users/13312345678 # 路由查询参数:http://127.0.0.1:5000/users/?mobile=13312345678&?user_name="yd" 1.1 是什么? Flask不同于Django直接在定义路由时编写正则表达式…

Django中获取参数(路径，查询，请求头，请求体)

一.通常HTTP协议向服务器传参有几种途径 : 提取URL的特定部分,如/weather/shanghai/2018,可以在服务器端的路由中用正则表达式截取: 查询字符串(query string),形如key1=value1&key2=value2: 请求体(body)中发送的数据,比如表单数据.json.xml: 在http报文的头(header)中. 1.URL中参数的获取在定义路由URL时,可以使用正则表达式提取参数的方法从URL中获取请求参数,Django会将提取的参数直接传递到视图…

Ajax--Ajax基于原生javascript：创建Ajax对象、链接服务器、发送请求、接受响应结果

Ajax概述异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送页面会刷新异步请求: 请求是由浏览器的一个js对象,XMLHTTPRquest对象发送页面不会刷新,但是可以通过js代码得到请求的数据动态添加到页面上一.Ajax应用小例子(get提交) register_get.html (客户端) <!DOCTYPE html> <html lang="en">…

vue使用axios发送请求，都会发送两次请求

vue 使用axios,每次的请求都会发送两次,第一次的请求头为options CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing). 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制. 本文详细介绍CORS的内部机制. 一.简介 CORS需要浏览器和服务器同时支持.目前,所有浏览器都支持该功能,IE浏览器不能低于IE10. 整个CORS通信过程,都是浏览器自动完成,不需要用户…

为什么axios请求接口会发起两次请求

之前在使用axios发现每次调用接口都会有两个请求,第一个请求时option请求,而且看不到请求参数,当时也没注意,只当做是做了一次预请求,判断接口是否通畅,但是最近发现并不是那么回事. 首先我们知道了额外的一次请求时option请求,那么这个是干嘛用的呢? 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求.详细看http://www.tuicool.com/articles/3UBzIbb. 这样就明了了…

$.post 请求一直转圈圈,谷歌浏览器状态一直为canceled

最开始写的是 $.post("url",{},function(){},"json") 用火狐浏览器测试发现请求一直在转圈圈 ,就在action输出发现也进入了action, 用谷歌浏览器测试发现请求的状态一直为canceled 后来找了大量资料改为: $.ajax({ url : "showGsPoint", type : "post", async: false , /…

axios中出现两次请求，OPTIONS请求和GET请求

在项目中发现ajax中出现两次请求,OPTIONS请求和GET请求查看到浏览器NetWork有两次请求,请求url一样: 查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别. XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只能访问相同协议/相同主机名/相同端口的资源, 如果要突破这个限制, 那就是所谓的跨域, 此时需要遵守CORS(Cross-Origin Resource Sharing)机制. 那么, 允许跨域, 不就是服务端设置Acce…

Http请求详解（转）----请求+响应各字段详解

参考HTTP深入浅出http请求(转)-----http请求的过程和实现机制 1. HTTP请求格式首先介绍HTTP协议:超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准. 工作原理: 由HTTP客户端发起一个请求,建立一个到服务器指定端口(默认是80端口)的TCP连接. 连接 HTTP服务器则在那个端口监听客户端发送过来的请求.一旦收到请求, 请求服务器(向客户端)发回一个状态行…

jmeter 如何将上一个请求的结果作为下一个请求的参数——使用正则提取器

1.简介 Apache JMeter是Apache组织开发的基于Java的压力测试工具.用于对软件做压力测试,它最初被设计用于Web应用测试但后来扩展到其他测试领域. 它可以用于测试静态和动态资源例如静态文件.Java 小服务程序.CGI 脚本.Java 对象.数据库, FTP 服务器, 等等.JMeter 可以用于对服务器.网络或对象模拟巨大的负载,来自不同压力类别下测试它们的强度和分析整体性能.另外,JMeter能够对应用程序做功能/回归测试,通过创建带有断言的脚本来验证你的程序返回了你期望…

iOS开发——网络篇——HTTP/NSURLConnection（请求、响应）、http响应状态码大全

一.网络基础 1.基本概念> 为什么要学习网络编程在移动互联网时代,移动应用的特征有几乎所有应用都需要用到网络,比如QQ.微博.网易新闻.优酷.百度地图只有通过网络跟外界进行数据交互.数据更新,应用才能保持新鲜.活力如果没有了网络,也就缺少了数据变化,无论外观多么华丽,终将变成一潭死水移动网络应用 = 良好的UI + 良好的用户体验 + 实时更新的数据新闻:网易新闻.新浪新闻.搜狐新闻.腾讯新闻视频:优酷.百度视频.搜狐视频.爱奇艺视频音乐:QQ音乐.百度音乐.酷狗音乐.酷我音乐LBS:百度地…

【转】jmeter 如何将上一个请求的结果作为下一个请求的参数——使用正则提取器

1.简介 Apache JMeter是Apache组织开发的基于Java的压力测试工具.用于对软件做压力测试,它最初被设计用于Web应用测试但后来扩展到其他测试领域. 它可以用于测试静态和动态资源例如静态文件.Java 小服务程序.CGI 脚本.Java 对象.数据库, FTP 服务器, 等等.JMeter 可以用于对服务器.网络或对象模拟巨大的负载,来自不同压力类别下测试它们的强度和分析整体性能.另外,JMeter能够对应用程序做功能/回归测试,通过创建带有断言的脚本来验证你的程序返回了你期望…

转：PHP中的使用curl发送请求（GET请求和POST请求）

原文地址:http://www.jb51.net/article/104974.htm 使用CURL发送请求的基本流程使用CURL的PHP扩展完成一个HTTP请求的发送一般有以下几个步骤: 1.初始化连接句柄: 2.设置CURL选项: 3.执行并获取结果: 4.释放VURL连接句柄. 下面的程序片段是使用CURL发送HTTP的典型过程: // 1. 初始化 $ch = curl_init(); // 2. 设置选项,包括URL curl_setopt($ch,CURLOPT_URL,"http…