Angularjs JSONP 不工作

2024-04-22

我可能在这里遗漏了一些东西,但我无法使这个 JSONP 请求工作,这里是代码:

var url =  'http://' + server + '?callback=JSON_CALLBACK';
$http.jsonp(url)
    .success(function(data){
       console.log('success');
    })
    .error(function () {
      console.log('error')
    });

请求正常触发,我收到以下格式的响应(带有标头 Content-Type:application/json):

    [{"id": "1", "name": "John Doe"},
     {"id": "2", "name": "Lorem ipsum"},
     {"id": "3", "name": "Lorem ipsum"}]

你能看出有什么问题吗?也许我应该从服务器返回的格式不正确? Angular 触发错误回调,除了我设置的错误消息(“错误”)之外,没有任何错误消息。


@TheHippo 是正确的,数据不应该只是一个普通的 json 响应。这是一个工作示例 http://jsfiddle.net/FDH8D/AngularJS 中针对 youtube 端点的 JSONP 请求。

在此示例中需要注意以下几点:

  • 角的$http.jsonp http://docs.angularjs.org/api/ng.%24http#jsonp将请求查询字符串参数从callback=JSON_CALLBACK to callback=angular.callbacks._0.
  • 调用 youtube 端点时,我需要使用以下命令向服务指定这是一个 JSONP 请求alt=json-in-script代替alt=json在查询字符串中。这是在他们的文档。 https://developers.google.com/youtube/2.0/developers_guide_protocol_api_query_parameters
  • 比较结果this url https://gdata.youtube.com/feeds/api/users/orbitalofficial/uploads?alt=json to 查看浏览器中 JSON 和 JSONP 响应之间的差异。
  • 看看Chrome 网络面板 https://developers.google.com/chrome-developer-tools/docs/network开发人员工具中可帮助对您的请求/响应进行比较和故障排除。

我知道这个例子非常具体,但希望它能有所帮助!

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

Angularjs JSONP 不工作 的相关文章

  • 只允许一种身份验证机制;只有 X-Amz-Algorithm 查询参数..?

    我正在尝试将 PUT 请求发送到 amazonS3 预签名 URL 即使我只有一个 PUT 请求 我的请求似乎也被调用了两次 第一个请求返回200 OK 第二个返回400 Bad Request 这是我的代码 var req method
  • Angular js 服务器端过滤器和分页

    我有几个输入字段 我们可以使用带有搜索名称的输入字段作为示例 当有人在该字段中输入内容时 我希望能够过滤对象的结果 但我想做过滤器服务器端而不是客户端 我有一个包含大量记录的数据库 因此我不想返回所有记录并在客户端进行过滤 这确实会减慢速度
  • AngularStrap 工具提示禁用我的自定义指令

    我正在尝试让 bs tooltip AngularStrap 指令与我自己的名为 checkStrength 的自定义指令一起使用 该指令检查密码的强度 单独使用这些指令中的任何一个时 它们都可以正常工作 但不能一起工作 This http
  • 带有 ui-router 的 Angular 无限摘要循环

    我最初试图解决的问题是 如果用户未登录 则将用户重定向到登录页面 反之亦然 我用下面的代码做到了这一点 run function rootScope http AppService state rootScope on applicatio
  • Ionic-Angular.js 拍照并发送到服务器:空图像

    因此 我设法使用自定义指令通过 Angular js 将图像上传到我的服务器 我还成功地实现了 Cordova 的相机功能 现在我尝试连接两者 但是当将图像发送到服务器时 它们被存储为空 我认为问题在于我使用输入字段来获取图像 并且它获取了
  • Javascript DOM setAttribute 在函数调用中不起作用

    我有一个带有输入元素的 HTML 文件 我希望向其中添加一个名为 valid fieldset011 的新属性 该属性用作 AngularJS 验证器的链接 输入元素具有属性 id fieldset011 如果我使用以下脚本 包含在脚本标签
  • 如何使用 $resource 获取状态代码?

    我提出请求的工厂在这里 angular module myapp factory testResponse http resource AppConfig routeParams rootScope function http resour
  • Angularjs:两种方式的数据绑定和控制器重新加载

    如果使用路由和控制器 则模型不会在控制器重新加载之间保存其状态 Angular 在每个路由负载上创建控制器实例和新范围 例如 我在输入中键入具有 ng model something 的内容 转到另一条路线 然后返回第一条路线 我输入的所有
  • 使用 jasmine 在 angularJS 中注入服务来测试控制器

    我想了解如何使用 jasmine 和 angularJS 测试我的代码 我编写了一个带有控制器和注入服务的测试项目 现在我想测试控制器并尝试模拟注入的服务 但我没有找到一种方法来测试我的控制器的 到达 功能 这是我的jsfiddle htt
  • ng-submit 不允许自定义绑定提交事件

    我有一个指令 我想用它在提交表单时广播事件 我正在做的项目有很多表单 因此无法在ng submit调用的函数中广播事件 指示 directive form function return restrict E link function s
  • Angular,当任何资源处于待处理状态时显示加载

    我已经编写了一段代码来显示加载器 div 当任何资源处于待处理状态时 无论它是通过 http get 还是路由 ng view 获取的 我不仅仅想要信息 如果我变坏了 流程处理服务 app service flowHandler funct
  • AngularJS 指令:如何使用超时隐藏警报?

    昨天 我开始写一篇notification directive对于我的项目 我在 stackoverflow 上问了问题AngularJS 警报未显示 https stackoverflow com questions 16802846 a
  • 模板中带有 ng-if 的 angularjs 指令

    我正在构建一个在模板内使用 ng if 的指令 奇怪的是 提供给链接函数的元素没有扩展ng if代码 它只是ng if的注释行 经过一番尝试 我发现通过将链接代码包装在 timeout 中似乎可以使其正常工作 但我想知道这是否不是正确的处理
  • 是否可以将 RestAngular.setBaseUrl 用于两个 api 访问点?

    是否可以使用具有 2 个不同 API 的 Restangular 来工作 我想拥有setBaseUrl 对彼此而言 只需创建两个或多个 Restangular 服务并根据需要配置它们 然后注入您想要使用的模块 UPDATE 这段代码来自 r
  • 优雅地处理 AngularJS 错误:$injector:nomod 模块不可用

    我的角度应用程序依赖于第三方角度服务 var app angular module ninjaModule angular google analytics 只要我的广告拦截插件关闭 该应用程序就可以正常加载 然而 随着广告拦截器的角度抛出
  • put方法中的Angularjs文件上传不起作用

    我有一个简单的待办事项应用程序 我试图在其中上传照片和单个待办事项 现在我已经创建了这个工厂函数来负责待办事项的创建 todosFactory insertTodo function todo return http post baseUr
  • 自定义指令链接中的 element.replaceWith 仅在第一次调用时有效

    我是 Angularjs 的新手 不太了解幕后的情况 基本上我想创建一个 E 扭结指令 基于控制器中的数据 我动态创建html 就像整个 表 一样 以替换该指令 我的 html 文件中的指令是这样的
  • 如何处理并不总是返回承诺的函数?

    处理函数并不总是返回 Promise 的情况的最佳方法是什么 我的实际代码太复杂 无法解释 但问题的本质归结为检查条件 根据它 我要么返回一个局部变量 要么需要发送一个 ajax 请求 像这样的事情 function example val
  • 如何在 AngularJS 中设置和使用 $anchorScroll 的 yOffset 属性

    我用 anchorScroll AngularJS 中的服务 效果很好 但我在顶部有一个固定的导航栏 滚动位置总是 x 像素远 现在在 anchorScroll文档 https docs angularjs org api ng servi
  • 如何理解 Angular JS 中的控制台错误消息?有什么工具吗?

    我是 Angular JS 的新手 我的第一个问题是如何理解 Angular JS 中控制台的错误消息 我编写了这段用于匹配密码的代码片段 它在控制台上抛出错误 但它工作正常 它是有线的 我无法从这些控制台消息中理解任何内容 谁能指出我为什

随机推荐

  • 在 Windows 命令提示符中使用通配符

    我想知道是否可以在 Windows 命令提示符中使用通配符 例如 如果我想查看以 docx 结尾的目录中的所有文件 在 Linux 上我会输入以下内容ls docx Windows下有类似的工具吗 谢谢 是的你可以 e g 星号字符 可以代
  • 套接字通信中send()和recv()的行为

    以下是设置 Server Client accept connect v send msg1 gt v v recv lt send v v send msg2 gt recv v v close 这是我的问题 1 客户端在关闭之前其实就收
  • 如何从 BHO 将图像嵌入网页?

    我有一个用 C 编写的 BHO 库 mybho dll 我嵌入了一个资源文件 image png 我想在某些页面上显示此图像 根据我读到的内容 它应该看起来像这样 img src 但 Internet Explorer 找不到该图像 我尝试
  • 如何在 Laravel 中创建模型?

    我在正确理解 Laravel 模型时遇到一些困难 我们以框架提供的默认模型为例 这是模型的全部内容 User php
  • python 中的 Coinbase APIerror(id = )

    我想在我的 coinbase 账户之间转账 我正在存储我所有帐户的 IDclient get accounts data id 并使用代码进行传输 tx client transfer money 2bbf394c 193b 5b2a 91
  • Azure DevOps 多个自定义条件

    我在 azure devops 中有 2 个变量 Var1 A B C Var2 1 2 我需要在以下条件下运行任务 Var1 A B C Var2 1 2 Var1 A Var2 1 来自我只能看到更简单的自定义条件 like and s
  • 如何为 Azure 上的 Node.js Api 应用程序启用 BLOB 日志记录?

    我在 azure 上有一个 node js api 应用程序 我用bunyan将每个请求记录到sdtout 如何保存和读取日志文件 我启用了 BLOB 日志记录 我的存储中唯一显示的是一堆 csv 文件 这是一个例子 date level
  • 有没有办法在模拟器中将 ro.kernel.qemu 设置为 0?

    我替换了修改后的 build prop 其中包含ro kernel qemu 0用 yaffey 到 system img 但它不起作用 当模拟器重新启动时 ro kernel qemu 1仍然存在于输出中adb shell getprop
  • 如何使用WinAPI识别光驱中的光盘类型?

    我正在编写一个适用于音频 CD 和混合 CD 的应用程序 我想要一种方法来确定应用程序使用的驱动器中当前是否存在音频或混合类型 至少有一个音轨 光盘 到目前为止 我能够通过以下方式识别该驱动器是CD ROMGetDriveType 然而 事
  • Html:对于 Select multiple,仅提交一个值,但 .val() 返回两个值的数组

    渲染页面时 val 多重选择的设置为单个值 例如 my select box val 1 然后用户在多选框中选择附加值 提交表单时 仅提交新选择的值 而不提交先前设置的值 而在 Firefox 中调试时 val 函数返回一个包含两个值的数组
  • Vuejs $emit 不会在回调时触发

    在下面的代码中 export default props note methods remove NoteRepo remove this note err gt if err console log Should Fire this em
  • 源和目标具有不同的 EABI 版本

    我正在尝试使用 ARM 工具链编译 so 文件 但是我不断收到这个错误 错误 源对象的 EABI 版本为 0 但目标对象的 EABI 版本为 5 我无法更改工具链中的任何内容 因为我必须使用给定的工具链 我以前从未见过这个错误 我使用了这个
  • “私人套餐”是什么意思? [复制]

    这个问题在这里已经有答案了 请看示例 private package com xm aws import static com xml aws PcgTest test public class PackageTest public sta
  • 比较 timespec 值

    比较两个 timespec 值以查看哪个先发生的最佳方法是什么 下面这句话有什么问题吗 bool BThenA timespec a timespec b Returns true if b happened first b will be
  • 按索引列和行对 data.table 进行子集化

    我希望通过更改列的索引来递归地对数据表进行子集化z并且同时根据某些条件过滤行 in 基向量 dt lt setDT copy diamonds dt lt setDT data frame lapply dt as character st
  • Azure EventGrid Webhook 超时

    从文档中得知 webhook 的超时时间为 60 秒 如果是这样的话 那么我们是否期望开发人员进行异步操作 我的意思是 如果我想要作为 Webhook 的一部分完成的工作需要超过 60 秒怎么办 但是 如果我们将该操作设为异步 并且我想要作
  • 使用 Python 绑定在 Selenium 中发送键控制 + 单击

    我需要使用 Selenium 在新选项卡中打开链接 那么是否可以在 Selenium 中对元素执行 ctrl click 以在新选项卡中打开它 Use an ActionChain with key down按控制键 然后key up释放它
  • 使用 iPhone 作为热点时 TCP 连接无法正常工作

    我正在开发一个 iOS 应用程序 它通过 TCP 套接字连接到在 Android 上运行的服务器应用程序 为了找到第二个设备的 IP 我使用 UDP 请求并接收服务器的 IP 当我将它们连接到 Wi Fi 网络或使用 Android 设备作
  • 如何判断当前应用程序是否为中等信任

    我试图确保我的 ASP Net 库能够在中等信任下工作 然而 我遇到了问题 因为如果代码在中等信任度下运行 我需要禁用一些代码 如何从 C 确定当前应用程序是否为中等信任 具体来说 我正在尝试从 web config 读取 customEr
  • Angularjs JSONP 不工作

    我可能在这里遗漏了一些东西 但我无法使这个 JSONP 请求工作 这里是代码 var url http server callback JSON CALLBACK http jsonp url success function data c