blocks|key|278060|text|只要函数jsonp_callback在全局作用域中可见，这对您来说应该很好：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|278061|function+jsonp_callback(data)+{
++++//+returning+from+async+callbacks+is+(generally)+meaningless
++++console.log(data.found);
}

var+url+=+"http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback";

$http.jsonp(url);|code-block|syntax|javascript|278062|完整演示：http://jsfiddle.net/mattball/a4Rc2/+(免责声明:我以前从未编写过任何AngularJS代码)|278063|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/mattball/a4Rc2/^0|4|E|0|0|5|Z|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

This should work just fine for you, so long as the function <code>jsonp_callback</code> is visible in the global scope:

<pre><code>function jsonp_callback(data) {
 // returning from async callbacks is (generally) meaningless
 console.log(data.found);
}

var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback";

$http.jsonp(url);
</code></pre>

Full demo: <a href="http://jsfiddle.net/mattball/a4Rc2/" rel="noreferrer">http://jsfiddle.net/mattball/a4Rc2/</a> (disclaimer: I've never written any AngularJS code before)

blocks|key|495049|text|这非常有帮助。Angular的工作原理并不完全像JQuery。它有自己的jsonp()方法，该方法确实需要在查询字符串的末尾加上"&callback=JSON_CALLBACK“。下面是一个例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495050|var+librivoxSearch+=+angular.module('librivoxSearch',+[]);
librivoxSearch.controller('librivoxSearchController',+function+($scope,+$http)+{
++++$http.jsonp('http://librivox.org/api/feed/audiobooks/author/Melville?format=jsonp&callback=JSON_CALLBACK').success(function+(data)+{
++++++++$scope.data+=+data;
++++});
});|code-block|syntax|javascript|495051|然后在您的Angular模板中显示或操作{{+data+}}。|495052|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This was very helpful. Angular doesn't work exactly like JQuery. It has its own jsonp() method, which indeed requires "&amp;callback=JSON_CALLBACK" at the end of the query string. Here's an example:

<pre><code>var librivoxSearch = angular.module('librivoxSearch', []);
librivoxSearch.controller('librivoxSearchController', function ($scope, $http) {
 $http.jsonp('http://librivox.org/api/feed/audiobooks/author/Melville?format=jsonp&amp;callback=JSON_CALLBACK').success(function (data) {
 $scope.data = data;
 });
});
</code></pre>

Then display or manipulate {{ data }} in your Angular template.

blocks|key|495087|text|对于解析，请执行以下操作-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495088|+++$http.jsonp(url).
++++success(function(data,+status,+headers,+config)+{
++++//what+do+I+do+here?
+++++$scope.data=data;
}).|code-block|syntax|javascript|495089|或者你可以使用`$scope.data=JSON.Stringify(数据)；|495090|在Angular模板中，您可以将其用作|495091|{{data}}|495092|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

For parsing do this-

<pre><code> $http.jsonp(url).
 success(function(data, status, headers, config) {
 //what do I do here?
 $scope.data=data;
}).
</code></pre>

Or you can use
 `$scope.data=JSON.Stringify(data);

In Angular template you can use it as

<pre><code>{{data}}
</code></pre>

blocks|key|495137|text|您仍然需要在参数中设置callback：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|495138|var+params+=+{
++'a':+b,
++'token_auth':+TOKEN,
++'callback':+'functionName'
};
$sce.trustAsResourceUrl(url);

$http.jsonp(url,+{
++params:+params
});|code-block|syntax|javascript|495139|其中'functionName‘是对全局定义函数的字符串化引用。您可以在angular脚本之外定义它，然后在您的模块中重新定义它。|495140|entityMap^0|B|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

You still need to set <code>callback</code> in the params:

<pre><code>var params = {
 'a': b,
 'token_auth': TOKEN,
 'callback': 'functionName'
};
$sce.trustAsResourceUrl(url);

$http.jsonp(url, {
 params: params
});
</code></pre>

Where 'functionName' is a stringified reference to globally defined function. You can define it outside of your angular script and then redefine it in your module.

blocks|key|495192|text|对于我来说，上面的解决方案只在我向请求参数添加"format=jsonp“之后才起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495193|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

for me the above solutions worked only once i added "format=jsonp" to the request parameters.

I am using angular's <code>$http.jsonp()</code> request which is successfully returning json wrapped in a function:

<pre><code>var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback";

$http.jsonp(url).
 success(function(data, status, headers, config) {
 //what do I do here?
 }).
 error(function(data, status, headers, config) {
 $scope.error = true;
 });
</code></pre>

How to access/parse the returned function-wrapped-JSON?

parsing JSONP $http.jsonp() response in angular.js

JSON

我使用的是angular的$http.jsonp()请求，它成功地返回了封装在函数中的json：var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callbac...

问在angular.js中解析JSONP $http.jsonp()响应
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在angular.js中解析JSONP $http.jsonp()响应EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在angular.js中解析JSONP $http.jsonp()响应
EN