ionic与php,[Ionic] 用 PHP 解决 AngularJS 跨域请求和数据接收问题

以 Ionic 官方的 Sidemenu 例子为例，做如下修改即可：

1、解决 AngularJS 跨域 POST 问题：

修改 controller.js 文件，在：

JavaScript

angular.module('starter.controllers', [])

1angular.module('starter.controllers',[])

下边增加如下配置：

JavaScript

.config(function ($httpProvider) {

$httpProvider.defaults.withCredentials = true;

$httpProvider.defaults.useXDomain = true;

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

//delete $httpProvider.defaults.headers.common['X-Requested-With'];

})

1

2

3

4

5

6.config(function($httpProvider){

$httpProvider.defaults.withCredentials=true;

$httpProvider.defaults.useXDomain=true;

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

//delete $httpProvider.defaults.headers.common['X-Requested-With'];

})

增加这一配置的原因是PHP服务器端不能接收 AnjularJS 标准的 Content-Type: application/json 请求，因此我们这里改成和 jQuery 一样的 application/x-www-form-urlencoded 类型。

另外 withCredentials 是选项是否允许 Cookies 跨域，useXDomain 是否允许跨域请求。

2、HTML部分，这部分只是对 sidemenu 的 login.html 加了一些用于显示服务器端的调试信息：

XHTML

Login

Close

{{ message }}

Username

{{ errorName }}

Password

{{ errorPassword }}

Log in

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Login

Close