后端接收不到AngularJs中$http.post发送的数据原因分

并解决AngularJs中$http.post数据无法被后端接收的问题

一、问题的发现

在AngularJs中，使用$http.post发送数据时，后端却接收不到任何信息，数据似乎神秘地消失了。例如，下面的代码片段：

```javascript

$http.post('/admin/KeyValue/GetListByPage', {

pageindex: 1,

pagesize: 8

})

.then(function(){

alert("Mr靖");

});

```

这段代码看似没有问题，但后台服务器就是无法接收到发送的数据。这是怎么一回事呢？通过浏览器的监控工具，我们可以发现数据的传输方式是request payload，并且是以JSON格式发送的。如果我们用接收表单数据的方式来接收这些数据，显然是接收不到的。因为POST表单请求使用的Content-Type是application/x--form-urlencoded，而默认的AJAX POST请求的Content-Type是text/plain;charset=UTF-8。我们需要找到问题的根源并解决它。

二、问题的

这个问题的关键在于理解HTTP请求中的Content-Type头部信息。当使用原生AJAX进行POST请求时，如果不指定请求头（RequestHeader），默认使用的Content-Type是text/plain;charset=UTF-8。而我们的后端可能并不支持这种格式的数据接收。我们需要改变Content-Type头部信息，使其变成服务器能够识别的application/x--form-urlencoded格式。

三、解决方案的实施

解决方案就是改变数据的发送方式，使得后端可以正确地接收数据。下面是一段示例代码：

```javascript

var data = {

pageindex: 1,

pagesize: 8,

};

var url = "/admin/KeyValue/GetListByPage";

var postCfg = {

headers: { 'Content-Type': 'application/x--form-urlencoded' }, // 设置请求头为表单数据的格式

transformRequest: function (data) { // 将数据转换为URL编码格式，以便于表单数据的和接收

return $.param(data); // 使用jQuery的param方法转换数据格式

}

};

$http.post(url, data, postCfg)

.then(function (response) { // 修改这里原来是suess，应为then，此处可能是一个拼写错误。我们在此更正它。当请求成功时执行此函数。 弹出提示框显示“Mr靖”。

alert("Mr靖");

});

```通过这段代码，我们将数据的发送方式改为表单数据的形式，并设置了正确的Content-Type头部信息。现在我们可以重新检查浏览器的监控工具，可以看到数据的发送方式已经变成了表单方式，后端服务器应该能够正常接收这些数据了。这就是解决这个问题的关键所在。以上就是长沙网络推广为大家介绍的后端接收不到AngularJs中$http.post发送的数据的原因分析及解决办法的相关知识，希望对大家有所帮助。如果您有任何疑问或需要进一步的帮助，请随时联系我们，我们会及时回复您的。也感谢大家对狼蚁SEO网站的支持！感谢您的阅读！如果您有任何其他的问题或需要进一步的讨论，我们非常乐意与您交流。Cambrian render（此处可能是对其他软件或系统的引用）将会正常工作。