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

末蓝、 2022-05-08 07:56 653阅读 0赞

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

[AJAX问题之XMLHttpRequest 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请求函数如下：

把req.setRequestHeader("Content-type","application/x-www-form-urlencoded");注释掉反而可以请求，而添加了这句就不可以，我怀疑是<a>标签不适用这种请求头，于是查了content-type的这种类型及说明：[HTTP中application/x-www-form-urlencoded字符说明][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请求][js_ajax]：最初看的，后来发现里面的POST请求头和open()位置写颠倒了

[原生ajax与jQuery ajax的比较][ajax_jQuery ajax]

[AJAX简单使用介绍][AJAX]

[ajax获取servlet发送的数据][ajax_servlet]

[原生js实现Ajax][js_Ajax]

[生Ajax书写][Ajax]

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

关于错误总结：

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

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

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

[AJAX_XMLHttpRequest status _ 0]: https://blog.csdn.net/iaiti/article/details/42192659
[HTTP_application_x-www-form-urlencoded]: https://blog.csdn.net/qq_28702545/article/details/51719199
[js_ajax]: http://www.cnblogs.com/cythia/p/6978323.html
[ajax_jQuery ajax]: https://blog.csdn.net/lingbo_li/article/details/79745629
[AJAX]: https://blog.csdn.net/liuhenghui5201/article/details/21297235
[ajax_servlet]: https://blog.csdn.net/qq_36238595/article/details/75507020
[js_Ajax]: http://www.cnblogs.com/colima/p/5339227.html
[Ajax]: http://sjpsega.iteye.com/blog/1729350