1. 程式人生 > >angularJS通過jsonp實現跨域訪問

angularJS通過jsonp實現跨域訪問

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="customersCtrl">
    <ul>
        <li ng-repeat="x in names"
>
{{ x.Name + ', ' + x.Country }} </li> </ul> </div> <script> var app = angular.module('myApp', []); app.controller('customersCtrl', function ($scope, $http) { myUrl = "http://ctb.qingguo.com/mobile/msetuserinfo?uid=11444915&orgcode=100015&callback=JSON_CALLBACK"
; $http.jsonp(myUrl).success( function (response) { console.log(response); alert(response.result); alert(response.data.length); alert(response.desc); // alert(response[0].list); }); });
</script> </body> </html>

jsonp返回的是一個類似於函式內容的東西,在原有的json上面加了個外殼,但具體格式還是json的格式。

通過console.log 檢視其結構,大致如下:

這裡寫圖片描述

可以使用某一具體的節點,然後就可以解析出來具體值。如alert(response.result); ,顯示的內容是 E_SUCCESS

如何批量轉換成可使用陣列,目前還在找資料……這個坑,只能挖到這裡了。

其中部分資料參考下面部落格的內容,感謝大神的分享精神。

我是連結