ajax post方式表单提交setRequestHeader报错解决方法
更新时间：2014年09月21日 10:05:58 投稿：whsnow
ajax post方式表单提交设置异步对象的xhr.setRequestHeader，在谷歌浏览器的编译器中显示传值在Request Payload中这是错误的
当我们创建一个异步对象XMLHttpRequest同时post方式向后台传输数据的时候。
我们要设置异步对象的xhr.setRequestHeader成员的值为
XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");否则的话后台是不能接收到传过去的值的。因为在谷歌浏览器的编译器中显示，传值在Request Payload中，这是错误的(如图) --属性注意看
而正确的方式是在 Form Data 中（如图）
这个设置在form表单中的enctype属性（规定在发送到服务器之前应该如何对表单数据进行编码。一共有三种形式，可参考w3c文档）也是有得到体现的、
例如：<form enctype="application/x-www-form-urlencoded"></form>
jquery 里面有一个方法serialize() 方法 。。可以将参数一窝端。变成 id="值"&name="值" 的方式
相关文章
这篇文章主要介绍了使用Ajax方法实现Form表单的提交及注意事项,需要的朋友可以参考下2017-07-07
这篇文章主要为大家详细介绍了Ajax动态加载数据的小例子，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。这篇文章主要介绍了ajax获取json数据为undefined--原因,需要的朋友可以参考下2017-11-11
使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面
本篇文章给大家介绍Yii整合pjax（pushstate+ajax）实现无刷新加载页面，小伙伴跟着小编一起学习吧2015-09-09
0 － （未初始化）还没有调用send()方法 1 － （载入）已调用send()方法，正在发送请求 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容 3 － （交互）正在解析响应内容 4 － （完成）响应内容解析完成，可以在客户端调用了2008-12-12
JQuery的ajax的用法在asp中使用$.ajax()实现
ajax的出现解决了很多的疑难问题，同时带来了很多的方便,本文讲述一下JQuery的ajax的用法在asp中使用$.ajax()来表示，感兴趣的朋友可以了解下，或许本文对你有所帮助2013-01-01
解决ajax提交到后台数据成功但返回不走success而走的error问题
今天小编就为大家分享一篇解决ajax提交到后台数据成功但返回不走success而走的error问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
AJAX实现仿Google Suggest效果...2007-07-07
下面小编就为大家带来一篇基于fileUpload文件上传带进度条效果的实例(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
今天闲着没事做个一个ajax小练习，困扰了我很长时间，我写的ajax代码在ie、360、火狐浏览器上运行都是正常的，而在google chrome下无法正常运行，搞的我焦头烂额，最终找到解决办法，在此分享给大家，帮助那些遇到和我一样问题的朋友2015-10-10
最新评论