javascript – 如何发出jsonp请求
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何发出jsonp请求,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2181字,纯文字阅读大概需要4分钟。
内容图文
![javascript – 如何发出jsonp请求](/upload/InfoBanner/zyjiaocheng/714/9a8b08edd889425b9e71795c840865d8.jpg)
我需要做一些跨站点脚本.下面的代码块包含jsonp的方法,该方法返回就好像失败了,但当我将其更改为get请求时,我就获得了成功.我需要能够使用jsonp方法成功响应.可以排除以下内容.响应是有效的json,这个param在url?callback = JSON_CALLBACK中.这是我通过执行http请求获得的json以及执行此代码的代码块.
http响应状态码200
[{"cube":"1" ,"points":"160"},{"cube":"2","points":"690"},{"cube":"3","points":"331"}]
代码块
var myApp = angular.module('test', []);
myApp.controller('UserCtrl', function($scope, users) {
$scope.usersPerCube = users.getUsers();
})
myApp.factory('users', function($http) {
return {
getUsers: function() {
var deferred = $q.defer();
var url = "http://localhost/api/api/index.php/analytics/UsersPerCube?callback=JSON_CALLBACK";
$http.get(url).success(function (data, status, headers, config) {
console.log(data);
deferred.resolve(data);
}).error(function (data, status, headers, config) {
//this always gets called
console.log(status);
deferred.reject(status);
});
return deferred.promise;
}
}
请注意,我已编辑了我的服务器端代码,现在已收到
"angular.callbacks._1( {"cube":"1","points":"160"},{"cube":"2","points":"690"},{"cube":"3","points":"331"})"
UPDATE
以上是有效的,现在成功方法正在执行.我只需要弄清楚如何解析对象.一旦我找到答案,我会再次发帖.
解决方法:
我已经决定详细描述如何执行jsonp请求,以便其他人不会遇到与我相同的麻烦.
myApp.factory('users', function($http) {
return {
getUsers: function() {
var deferred = $q.defer();
var url = "http://localhost/api/api/index.php/analytics/UsersPerCube?callback=JSON_CALLBACK";
$http.get(url).success(function (data, status, headers, config) {
console.log(data);
deferred.resolve(data);
}).error(function (data, status, headers, config) {
//this always gets called
console.log(status);
deferred.reject(status);
});
return deferred.promise;
}
请注意,url包含?callback = JSON_CALLBACK. Here is a nice stackoverflow on that.收到回复后,您将收到如下所示的json.
"angular.callbacks._1( {"cube":"1","points":"160"},{"cube":"2","points":"690"},{"cube":"3","points":"331"})"
Here is a nice stackoverflow on that subject
现在给我的一部分是服务器必须返回GET参数,回调.这是一个很好的教程. http://niryariv.wordpress.com/2009/05/05/jsonp-quickly/所以json看起来像上面那个.
好吧,我希望这有助于将来的某些人.
内容总结
以上是互联网集市为您收集整理的javascript – 如何发出jsonp请求全部内容,希望文章能够帮你解决javascript – 如何发出jsonp请求所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。