AngularJS与后端php的数据交互方法

第AngularJS与后端php的数据交互方法简述：

AngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

它不仅仅是一个类库，而是提供了一个完整的框架。它避免了您和多个类库交互，需要熟悉多套接口的繁琐工作。它由GoogleChrome的开发人员设计，引领着下一代Web应用开发。也许我们5年或10年后不会使用AngularJS，但是它的设计精髓将会一直被沿用。

问题及方案：

既然是前端框架，就免不了与后台的数据交互。本文讲解与PHP数据交互中的重点。

AngularJS的$http不管你使用的是POST还是PUT，默认的发送和请求数据格式都是json的，这个我们可以从它发送的http请求头中看到：Content-Type:application/json;charset=UTF-8。而PHP的GET或者POST接收的http请求数据却是：Content-Type:application/x-www-form-urlencoded;charset=UTF-8。

所以新手在使用AngularJS时候都会遇到这个问题，明明发送过来了，为什么我收不到数据？解决这个问题我们可以从两个方面入手：

一、在PHP中

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

echo$data;

这样你会发现。$data是一个json数据，之后PHP中你便可以对这个数据做其他处理了。

二、Angular中重构http请求

varws=angular.module("app",[function($httpProvider){

$httpProvider.defaults.headers.post["Content-Type"]="application/x-www-form-urlencoded;charset=utf-8";

$httpProvider.defaults.headers.put['Content-Type']='application/x-www-form-urlencoded;charset=utf-8';

varparam=function(obj){

varquery="",name,value,fullSubName,subName,subValue,innerObj,i;

for(nameinobj){

value=obj[name];

if(valueinstanceofArray){

for(i=0;ivalue.length;++i){

subValue=value[i];

fullSubName=name+"["+i+"]";

innerObj={};

innerObj[fullSubName]=subValue;

query+=param(innerObj)+"

}elseif(valueinstanceofObject){

for(subNameinvalue){

subValue=value[subName];

fullSubName=name+"["+subName+"]";

innerObj={};

innerObj[fullSubName]=subValue;

query+=param(innerObj)+"

}elseif(value!==undefinedvalue!==null){

query+=encodeURIComponent(name)+"="+encodeURIComponent(value)+"

returnquery.lengthquery.substr(0,query.length-1):query;

$httpProvider.defaults.transformRequest=[function(data){

returnangular.isObject(data)String(data)!=="[objectFile]"param(data):data;

}]);

在构建app时直接重写$h