3-6 Angular-$http跨域

$http跨域

总结:$http 跨域 帮你做了2件事情

     1.帮你创建了一个script标签 src = url
     2.帮你创建声明了一个 function
     function = angular.callbacks._0(args){
        args
     }

     3.服务器接收

---

• http://datainfo.duapp.com/shopdata/getGoods.php?callback=callback

桌面代码,跨域 获取本地服务器 http_jsonp.php数据

1.桌面myApp, 添加angular.js, 创建index

2.绑定模块, 绑定控制器

3.添加get.php

4.请求

5.使用jsonp方式获取数据 (原生参考后注释)

06-myApp index.html

06-myApp index.html
//跨域步骤二:定义方法
function callback(args) {
    console.log(args);
}

6.服务器接收 callback值, 查看打印 (原生参考后注释)

http_jsonp.php

7.使用$http实现跨域

$http({
            //端口不一样, 跨域
            //http://localhost:63342/06-myAdd/index.html
            url:'http://localhost/day3-code/http_jsonp.php',
            //method:'get',
            method:'jsonp',
            params:{
                //flag:'xmg'
                // JSON_CALLBACK必须全为大写
                callBack:'JSON_CALLBACK'
            }
        }).success(function (res) {
            console.log(res);
        }).error(function (error) {
            console.log(error);
        });

http_jsonp.php

$fn = $_GET['callBack'];
echo $fn."('我是服务数据')";

---