原生ajax请求时出现xhr.status==0及POST请求无响应问题

用原生ajax请求时发现xhr.status == 0，于是找了好久，竟然发现是绑定事件的元素不是我点击的元素。参考以下资源

AJAX问题之XMLHttpRequest status = 0

xhr.status状态码

1、If the state is UNSENT or OPENED, return 0.（如果状态是UNSENT或者OPENED，返回0）
2、If the error flag is set, return 0.（如果错误标签被设置，返回0）
3、Return the HTTP status code.（返回HTTP状态码）

POST请求无响应

POST请求函数如下：

function post(url, data){var req = createXMLHTTPRequest();if(req){//post请求需要添加请求头，否则会报错req.setRequestHeader("Content-type","application/x-www-form-urlencoded");req.open("POST", url, true);//发送请求req.onreadystatechange = function(){//判断是否服务器响应if(req.readyState == 4 && req.status == 200)requestSuccess();}req.send(data);}
}

把req.setRequestHeader("Content-type","application/x-www-form-urlencoded");注释掉反而可以请求，而添加了这句就不可以，我怀疑是<a>标签不适用这种请求头，于是查了content-type的这种类型及说明：HTTP中application/x-www-form-urlencoded字符说明还是没能解决问题。于是我仔细的对照网上的POST请求，发现应该先open,再setRequestHeader

req.open("POST", url, true);
req.setRequestHeader("Content-type","application/x-www-form-urlencoded");

参考：

原生js的ajax请求：最初看的，后来发现里面的POST请求头和open()位置写颠倒了

原生ajax与jQuery ajax的比较

AJAX简单使用介绍

ajax获取servlet发送的数据

原生js实现Ajax

生Ajax书写

HTTP中application/x-www-form-urlencoded字符说明

关于错误总结：

1.get和post提交到servlet是分别由get和post处理，看看是不是servlet的get方法或者post方法没有设置好

2.是不是点击事件并步对应到绑定点击事件的元素

3.是否POST顺序设置有问题，先open()，再设置消息头

原生ajax请求时出现xhr.status==0及POST请求无响应问题相关推荐

vue 请求时方法执行顺序问题，异步请求无法同时处理多个接口，使用同步顺序执行：async/await使用
vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用异步解决方案:async/await 多个await,同步拿到数据再处理多个接口处理拿到数 ...
Vue向后端发生请求时出现xhr.js?ec6c:177 GET http://localhost:8989/vue/user/findOne?id=9 net::ERR_CONNECTION_REF
xhr.js?ec6c:177 GET http://localhost:8989/vue/user/findOne?id=9 net::ERR_CONNECTION_REFUSED Uncaught ...
【原生Ajax】全面了解xhr的概念与使用。
✍️ 作者简介: 前端新手学习中.
ios 发送请求时按home_iOS 10按下Home键能即响应返回桌面了
iPhone 7和iOS 10上线已经有一段时间了,在经过最初的激动与兴奋之后,现在是时候让我们静下心来研究一下在新设备和新系统中,还有什么细微的变化是苹果没有告诉我们的. 最近在论坛中,网xkx61 ...
访问网站时，长时间打不开或无响应
之前公司发布的网站,偶尔会出现输入网址后,会等待一分钟或者更长时间才会打开网页调试之后发现Http请求状态是等待中当时考虑一个浏览器同时发送http请求数量限制的问题经过就该排查,跟这个问题无关 ...
【AJAX 笔记】AJAX 基本、HTTP 基本、原生 AJAX 的使用，jQuery / Axios / fetch 发送请求、跨域（JSONP/CORS）
文章目录 1 Ajax 概述 1.1 AJAX 简介 1.2 XML 简介 1.3 AJAX 的特点 1.3.1 AJAX 的优点 1.3.2 AJAX 的缺点 1.4 AJAX 属性和方法 2. H ...
php下的原生ajax请求
浏览器中为我们提供了一个JS对象XMLHttpRequet,它可以帮助我们发送HTTP请求,并接受服务端的响应. 意味着我们的浏览器不提交,通过JS就可以请求服务器. ajax(Asynchron ...
原生php ajax post_使用原生ajax发送post请求完整案例
搜索热词使用ajax发送数据实现前后台的交互,我想是web开发最基础的技能了.近来dz开发因为不兼容jquery,所以只能使用原生js发送数据,不想还遇到很多问题.在这里分析总结一下.先来一个使用a ...
原生Ajax请求流程：同步请求、异步请求
Ajax 异步无刷新技术原生Ajax的实现流程得到XMLHttpRequest对象 - var xhr = new XMLHttpRequest(); 打开请求 - xhr.open(method ...

原生ajax请求时出现xhr.status==0及POST请求无响应问题

原生ajax请求时出现xhr.status==0及POST请求无响应问题相关推荐

最新文章

热门文章