post请求,xhr.send(data)函数的data参数类型有哪些?

平常项目中一般都是把对象类型的参数序列化之后再传给send,还要设置相应的头部:

var params = {
    'name': 'json',
    'age': 26
};

xhr.open('post', url, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(serialize(params));

问题1:可以直接在send里面传入params对象吗?此时需要设置'Content-Type''application/json'吗?

问题2:我知道还可以直接在send里面传入FormData对象,此时也不需要设置'Content-Type'。那么send里面可以传入哪些类型的值呢?以及是否需要设置对应的'Content-Type'

问题3:不论send里面传入什么类型的值,我都设置'Content-Type''application/x-www-form-urlencoded',有什么影响吗?

问题4:不论send里面传入什么类型的值,我都不设置'Content-Type'的值,有什么影响吗?

请大神解疑答惑,谢谢!


更新 2017-03-24 12:52
附两篇参考文章:
四种常见的 POST 提交数据方式
XMLHttpRequest2 新技巧

阅读 30.2k
4 个回答

没有用原生JS的ajax发过json数据,不过刚才看了下zepto的封装,下面的不一定正确,但是原理是这样的

要把Content-type设置成application/json,然后,直接发送数据

var params = {
    'name': 'json',
    'age': 26
};

xhr.open('post', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(params));

但是楼主这样做了之后,后端就不能像以前一样收数据了,举个例子PHP代码需要这样收

$data = file_get_contents("php://input");

所以如果楼主同时做前后端那没什么问题,但是如果后端同学框架放在那无法改动的话建议楼主换个方法

比如发送这样的数据,这样后端就能照常收到数据,然后从data字段里面取出json了,这里的意思是只直接用Content-type:'application/x-www-form-urlencoded'的形式发序列化看的json这样客户端好收

var data = JSON.stringify({
    a:1,
    b:2
})
xhr.send('data=' + data)

php获取参数

$data = JSON.decode($_POST['data']);

image.png

我来给你补图了,xhr.send({a:1}) 真实发送过去的是 [object Object]


想要有内容,你可以下面这样。(注意兼容性哟)
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏