如何发出 jsonp 请求

2024-02-24

我需要做一些跨站点脚本编写。下面的代码块包含 jsonp 的方法,该方法就像失败一样返回,但是当我将其更改为 get 请求时,我就成功了。我需要能够使用 jsonp 方法成功响应。可以排除以下情况。响应是有效的 json,并且此参数位于 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 http://en.wikipedia.org/wiki/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. 这是一个很好的 stackoverflow。 https://stackoverflow.com/questions/12066002/parsing-jsonp-http-jsonp-response-in-angular-js收到响应后,您将收到如下所示的 json。

"angular.callbacks._1( {"cube":"1","points":"160"},{"cube":"2","points":"690"},{"cube":"3","points":"331"})"

这是关于该主题的一个很好的 stackoverflow https://stackoverflow.com/questions/16344933/angularjs-jsonp-not-working

现在让我困惑的是服务器必须返回GET param, callback。这是一个很好的教程。http://niryariv.wordpress.com/2009/05/05/jsonp-quickly/ http://niryariv.wordpress.com/2009/05/05/jsonp-quickly/所以 json 看起来就像上面的那样。

好吧,我希望这对将来的人有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何发出 jsonp 请求 的相关文章

  • Mongoose 查询执行后回调函数从未被调用

    以下是我的代码 mongoose connect mongodb localhost mydatabase var db mongoose connection db on error console error bind console
  • Javascript:使用 IIFE 和块语句之间的区别

    IIFE主要用于封装作用域 function let myVar 10 not global 但为什么不直接使用块语句呢 let myVar 10 also not global 除了范围封装之外 进一步使用 IIFE 是否还有其他好处 块
  • 如何使传单圆圈标记可拖动?

    使用传单 我创建了一个L circleMarker我希望它是可拖动的 var marker L circleMarker new L LatLng 48 94603 2 25912 draggable true bindPopup Circ
  • CryptoJS 使用密码加密 AES,但 PHP 解密需要密钥

    我在用CryptoJS https code google com p crypto js AES加密字符串 function doHash msg msg String msg var passphrase aggourakia var
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • 每n秒执行一次函数

    我制作了这个在 10 秒后点击链接的代码片段 function timeout window setTimeout function img left click 1000 setTimeout timeout 1000 timeout 我
  • Twitter Bootstrap - 下拉菜单 - 箭头键不适用于 Firefox 中的输入标签

    要求 我想在带有用户名和密码字段的下拉菜单中放置一个登录表单 我可以做到这一点 除了以下问题之外 一切正常 Issue 打字时我无法使用箭头键 上 下 firefox 当输入位于下拉代码之外时 这很有效 这适用于其他浏览器 例如 googl
  • 如何用 JavaScript 修复图像透视变形和旋转?

    我有一些用手机拍摄的图像 有没有可以拉直纸张照片并将其压平的 JavaScript 库 例如 我想创建一个矩形图像 该图像没有任何失真 换句话说我想知道如何用 JavaScript 修复透视变形和旋转 例如 我发现下面的示例图像来自this
  • vuejs 模板和 asp.net 部分视图,好的做法吗?

    我在网站中使用 Vue js 并将模板添加到 html 代码中 并将 js 代码添加到单个 js 文件中 所以我不想使用 vue Vuefy Browserfy 方法 而是稍后捆绑并缩小我的 js 文件 由于我必须使用 Asp Net MV
  • 如何防止输入文本中出现“后重音”

    我相信这是一个简单的问题 但在谷歌上搜索几个小时后我找不到任何答案 也许我无法在搜索中使用正确的单词 P 我有一个 javascript 方法 可以防止用户用数字以外的其他字符填充文本框 如下面的代码所示 它在 KeyDown 事件中使用
  • jquery 中可点击 div 中的按钮

    我有整个 div 您可以单击它来切换该 div 的主要部分 问题是我在该 div 中也有可点击的按钮 当我点击它时 它会执行它应该做的事情 但同时也会切换整个 div 我怎样才能禁用它 Use event stopPropagation 单
  • 使用 JavaScript 防止网页导航离开

    如何使用 JavaScript 防止网页导航离开 Using onunload允许您显示消息 但不会中断导航 因为为时已晚 然而 使用onbeforeunload将中断导航 window onbeforeunload function re
  • Javascript location.href 到 mailto 触发 GET HTTP,该 HTTP 在 Chrome 中被取消

    我有一个按钮可以触发以下 javascript 函数 function sendEmail var mail mailto email protected cdn cgi l email protection location href m
  • 在 javascript 中实现固定位置会导致 Safari 滚动时出现抖动

    固定位置不适用于我的用例 因为它固定在浏览器窗口上 您可能会处于文本在屏幕右侧之外且无法到达的状态 无论如何 我尝试使用绝对定位 然后调整javascript中的 顶部 它在 Firefox 和 Chrome 中运行良好 但在 Safari
  • JAVA中遍历JSON数据

    我是 JSON 新手 我使用 HTTPUrlConnections 并在 JAVA 程序中获得一些响应 响应数据将类似于 data id 1 userId 1 name ABC modified 2014 12 04 created 201
  • 如何使用 Javascript 在 html 文件中搜索字符串?

    我有 5 个 html 文件 并且有一个搜索表单 我想用它来搜索这些 html 文件中的文本
  • Javascript等待/异步执行顺序

    所以我试图把我的头脑集中在 Promise await async 上 我不明白为什么当 go 执行时 带有 finished 的警报会紧随 console log coffee 之后 当所有函数都使用等待 承诺时 为什么它只等待 getC
  • 如何将项目插入到特定索引处的空数组中?

    我想将一个项目插入到空数组的指定索引中 我看到有 Array prototype splice 方法 但是 如果我在空数组上使用 splice 它只会添加项目来结束数组 如下所示 var a a splice 3 0 item 3 cons
  • PHP Json_encode 将空格更改为加号 +

    我有一个网络应用程序 我首先将 JSON 数据存储在 cookie 中 然后每 x 秒保存到数据库 它只是打开与服务器的连接 服务器读取 cookie 它实际上并不通过 POST 或 GET 发送任何内容 当我保存到 cookie 时 我的
  • Typescript 中的 Angular 服务具有依赖注入和缩小功能

    我现在正在努力让我的头脑围绕 Angularjs 我目前正在寻找服务 我也使用打字稿来编写代码 现在 从网络上的示例中 我看到人们在打字稿中使用如下所示的服务 class Service constructor private http n

随机推荐

  • 使用 iText pdfHTML 的 PDF 页面大小和格式

    我正在尝试使用 iText7 1 0 和 pdfHTML2 0 0 将 3 个 HTML 页面 均具有相同内容 导出为 PDF这个例子 https developers itextpdf com content itext 7 conver
  • 从 Python 中的“enchant suggest()”获取最相关的单词(拼写检查)

    我想从中获取最相关的单词enchant suggest 有没有更好的方法来做到这一点 我觉得我的函数在检查 100k 或更多范围内的大量单词时效率不高 有问题enchant suggest gt gt gt import enchant g
  • 如何在 Outlook 中添加默认签名

    我正在 Access 中编写一个 VBA 脚本 用于创建并自动填充几十封电子邮件 到目前为止 编码很顺利 但我是 Outlook 新手 创建 mailitem 对象后 如何将默认签名添加到电子邮件中 这将是创建新电子邮件时自动添加的默认签名
  • 如何处理 data.table 中的列表列

    在合并数据的过程中 我经常会得到列表列 例如 左表中的一行在右表中有多个匹配项 让我们定义一下 DT data table x list c 1 2 c 3 4 5 y list c T T c T F T z c 1 2 N c 1L 2
  • 让 javaFX 11 应用程序在 docker 上运行

    我正在尝试让一个在我的机器上完美运行的应用程序在 docker 上运行 这是我的 docker 文件 FROM openjdk 11 jre slim VOLUME tmp ADD someJar jar someJar jar ADD l
  • 如何在 @code 块内编写 Blazor HTML 代码?

    如何在 Blazor 内部的函数中编写 Blazor HTML 代码 code block 考虑以下代码 page Test if option 1 drawSomething Something else drawSomething So
  • 如何获取表单的截图

    有什么方法可以输出活动表单的屏幕截图吗 NET 支持的更简单的答案 控件 DrawToBitmap http msdn microsoft com en us library system windows forms control dra
  • 您可以动态地将 CFBundleDocumentTypes 分配给您的 Cocoa 应用程序吗?

    您可以动态地将 CFBundleDocumentTypes 分配给您的 Cocoa 应用程序吗 这意味着在运行时我可以为我的应用程序分配更多扩展来处理 目前 我为我的应用程序设置了一些扩展来处理 Info plist 中的 CFBundle
  • PhpStorm:满足前提条件时如何处理未处理的异常

    我真的很喜欢 PhpStorm 检查工具 他们帮助我编写了更好的代码 现在我遇到了以下情况 我问自己处理这种情况的最佳方法是什么 我有一个带有一些前提条件的函数 f 例如下面的代码 param int x throws Preconditi
  • 从nodejs中的vtt文件中获取所有提示及其属性

    比如说 我有一个 vtt 文件 我想从中获取 Nodejs 环境中的所有提示及其相关属性 例如 startTime endTime 等 我已经搜索了我能想到的所有关键字 例如 通过 javascript 解析 vtt 文件 但结果都是关于m
  • SQL 和 PHP - mysql_num_rows() 或 'select count()' 哪个更快?

    我只是想知道如果我只是想获取表中的行数 哪种方法最有效 res mysql query SELECT count as number FROM table1 count mysql fetch result res 0 number or
  • 从两个列表中查找共同元素

    我有两个包含一些 3D 坐标的列表 如下所示 例如 a 1 2 3 4 5 6 4 2 3 b 0 11 22 3 12 34 6 41 2 34 198 213 536 1198 1123 1156 b 1 11 22 3 42 25 6
  • 为什么Anaconda不建议设置path环境变量

    Anaconda3 5 3 0 64bit 在安装过程中 我选中了在 PATH 环境变量中添加 Anaconda 的选项 那么它不建议我这样做 它说 相反 请使用 Windows 开始 菜单打开 Anaconda 然后选择 Anaconda
  • 有没有一种方法可以使用 Sorbet 而无需在每个文件中添加 # 类型注释?

    我想开始在 Ruby on Rails 项目中使用 Sorbet 但系统要求我不要向每个文件添加类型注释 有没有办法在不添加注释的情况下使用Sorbet 冰糕支持 typed override您可以为 sorbet 提供一个 YAML 文件
  • Git:如何重写远程历史记录?

    一位同事意外提交了一个大型二进制文件 该文件与源代码管理无关 从而导致存储库异常大 然后 他将此提交推送到公共服务器 从那时起 就有了许多其他提交和推送 我正在寻找一种方法来撤消该提交 或者只是从远程删除二进制文件 以便存储库恢复其通常的大
  • 没有匹配的函数可用于调用“ ”

    我被要求实现该功能 static double distanta const Complex const Complex 返回两个复数之间的距离 函数的定义位于 Complex 类内部 我已经这样实现了 double Complex dis
  • 有谁知道 LocationManager 上的 Android addProximityAlert 是否耗电

    我基本上只是想添加大约 20 个 有时是 80 个接近警报 且半径约为 500 米 且没有时间限制 只是想知道这样做是否会很快耗尽电池电量 减小半径也会有什么不同吗 这肯定会很快耗尽你的电池 在任何情况下 您都不想设置超过几个接近警报 您描
  • 在自定义AuthorizeAttribute中获取Post请求参数

    我在用this https stackoverflow com a 19050773 384554从输入流中获取请求参数 POST 在请求正文中使用 JSON 在我的onAuthorize被覆盖的函数AuthorizeAttribute 它
  • 与证书作斗争:私钥未成功获取访问权限

    我在为开发人员提供许多服务器和个人电脑的公司工作 服务器是win2003 开发PC是Windows XP 在名为 preiis01 的服务器 Win2003 中 在预生产环境中 公司其他人使用任何其他用户 对我来说未知用户 安装客户端证书用
  • 如何发出 jsonp 请求

    我需要做一些跨站点脚本编写 下面的代码块包含 jsonp 的方法 该方法就像失败一样返回 但是当我将其更改为 get 请求时 我就成功了 我需要能够使用 jsonp 方法成功响应 可以排除以下情况 响应是有效的 json 并且此参数位于 u