最近在使用AngularJs+Php开发中遇到php后台无法接收到来自AngularJs的数据,在网上也有许多解决方法,却都点到即止.多番摸索后记录下解决方法:
tips:当前使用的AngularJs版本为v1.5.0-rc.0
原因分析:
在使用jquery的时候进行post请求的时候很简单.
$.ajax({
type: 'POST',
url:'process.php',
data: formData,
dataType: 'json',
success: function(result){
//do something
}
});
对这个传输的数据我们一般会直接使用
在使用AngularJS与PHP进行交互时，可能会遇到一个问题：当AngularJS通过$http服务发送POST请求时，PHP后台无法正确接收并解析发送的数据。这个问题主要源于AngularJS与PHP处理POST数据方式的不同。
jQuery的$.ajax函数在发送POST请求时，会自动将数据转化为`application/x-www-form-urlencoded`格式，这种格式的POST数据可以被PHP的$_POST数组直接接收。然而，AngularJS的$http服务默认使用JSON格式发送数据，即`Content-Type: application/json`，这使得PHP的$_POST数组无法解析这些数据。
为了解决这个问题，有几种可行的解决方案：
1. 引入jQuery并使用$.param()序列化参数。在AngularJS的$http请求中，你可以先用jQuery的$.param()方法将数据转换为URL编码的字符串，然后设置请求头`Content-Type`为`application/x-www-form-urlencoded`。这样PHP的$_POST数组就能正常接收了。示例如下：
```javascript
$http({
method: 'POST',
url: 'process.php',
data: $.param($scope.formData), // 序列化参数
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
});
```
2. 在PHP端使用`file_get_contents('php://input')`。这种方法适用于不改变AngularJS发送数据格式的情况。`php://input`可以读取原始POST数据，但需要你自己解析JSON字符串为PHP可用的对象或数组。例如：
```php
$input = file_get_contents("php://input", true);
$data = json_decode($input, true); // 将JSON字符串转换为PHP数组
```
3. 修改AngularJS的$httpProvider配置。这种方法是在AngularJS应用的配置阶段，修改$http服务的默认行为，使其在发送POST请求时自动将数据转换为URL编码格式。参考以下代码：
```javascript
angular.module('MyModule', [], function($httpProvider) {
// 使用x-www-form-urlencoded Content-Type
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
// ... (param函数实现略)
});
```
这样，即使不使用jQuery，AngularJS也会按照`application/x-www-form-urlencoded`格式发送数据，PHP可以正常解析。
每种解决方案都有其适用场景，可以根据项目需求和团队技术栈来选择合适的方法。理解不同框架处理POST数据的方式以及如何在前后端之间协调这些差异，是进行跨平台开发时不可或缺的知识点。通过这样的调整，可以确保AngularJS与PHP之间的数据交换能够顺利进行，避免因数据格式问题导致的通信障碍。
