个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我的 JSONP 请求有问题..数据不会显示，Firebug 显示“无效标签”错误..
我的 JavaScript:
$.ajax({
url: link,
dataType: "jsonp",
beforeSend: function(xhr) {
var base64 = btoa(username + ":" + password);
xhr.setRequestHeader("Authorization", "Basic" + base64);
xhr.overrideMimeType("application/json");
},
jsonpCallback: "getResources"
})
function getResources(data) {
alert(data);
alert(JSON.parse(data));
$.each(data.groupStatus, function(i, item) {
$("body").append("<p>ID: " + item.id + "</p>");
});
}
我的 JSON:
{
"groupStatus": [
{
"id": "Application Layer Configuration-ApplicationLayer",
"time": 1332755316976,
"level": 0,
"warningIds": [],
"errorIds": []
},
{
"id": "Application Layer-ApplicationLayer:nscalealinst2",
"time": 1333431531046,
"level": 0,
"warningIds": [],
"errorIds": []
}
]
}
我的 HTML:
<html>
<head>
<title>Monitor</title>
<link href="css/gadget.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
<div id="content"></div>
<script type="text/javascript" src="js/gadget.js"></script>
</body>
请求工作正常，但无论如何都没有显示数据。
我搜索了好几天的解决方案。有人可以帮助我吗？提前致谢!
解决方案(更新:06.09.12)
我已经解决了这个问题。执行的服务器(REST 接口(interface))没有实现回调函数。不使用 JSONP 设置跨域请求的另一种方法是设置以下 jquery 变量:
jQuery.support.cors = true;
最佳答案
对 JSONP 调用的响应需要将 JSON 本身包装在函数调用中，其中被调用函数的名称通常在 url 中提供。 jQuery 会自动向请求的 URL 添加一个查询字符串参数“callback”，因此您服务器上的脚本应该执行类似以下操作:
// assuming that $JSON contains your JSON content
print "{$_REQUEST['callback']}( {$JSON} );";
将函数名称添加到响应的原因是 JSONP 请求实际上是附加到 DOM 的脚本标记，而不是 XMLHttpRequest 对象发出的常规请求。使用 JSONP 允许浏览器发出跨域请求，否则这些请求将被(默认情况下)应用于 XHR 的跨域策略阻止。
关于javascript - 使用 JSONP 时出现 "invalid label"？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10084044/
24
4
0
如果可能的话，我想在答案中举一个具体的例子。 为了解释起见，我们这里有三个玩家。 我的服务器 (myserver.com) 客户端服务器 (myclient.com) 客户用户(通过 myclient
我想通过 JSONP 提供 Web 服务，并且想知道是否需要清理回调参数中的值。 我当前的服务器端脚本目前看起来像这样(或多或少。代码在 PHP 中，但实际上可以是任何东西。): header("Co
我有一个每分钟更新一次数据的 Web 服务器，并且希望使该数据可供所有类型的客户端使用。为了减少带宽，我使用 IF-MODIFIED-SINCE 和/或 IF-NONE-MATCH 设置 PHP 脚本
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 7 年前。 Improv
我正在努力使用 vue-resource 发出 JSONP 请求。任何人都可以提供一些工作示例来演示定义 jsonp 回调、处理 Vue 组件中的调用等的正确方法。 谢谢 **编辑:**对于其他人，让
我正在尝试获取 AngularJS 中 rest api 的 JSON 输出。以下是我面临的问题: Rest api url 中有端口号，AngularJS 为变量插入端口号。为此，我尝试了多种解决方
代码: 当我在浏览器中输入网址时，我可以看到所有对象，例如: link 但我似乎无法让它在我的代码中工作，我是否遗漏了什么？ angular.module('ionicApp', ['ionic']
我在连接最近了解 JSONP 的一些点时遇到了麻烦。这是我的理解: 由于同源策略，禁止任何内容(包括 JSON)的跨域 XmlHttpRequests。这可以防止 XSRF。 您可以拥有一个带有返回
我正在使用 JSONP 进行 Ajax 调用以从第三方(与我的站点不同的域)获取 JSON 数据，它在 Chrome 和 Firefox 上工作但在 IE 上失败(9 和 10 是我试过的版本) .在
django rest 框架发行说明声称在 0.3.0 中重新添加了 JSONP 支持。我还在框架中找到了一个 JSONPRenderer 类。但是，我似乎找不到有关如何使用该东西的任何文档.....
我有一个使用 JSONP 的 WCF 服务(托管在 Azure 中)。它在 HTTP 上工作得很好，即，如果它仅接收 JSON，则仅返回 JSON，如果它接收 JSONP，则返回 JSONP。但是，一
有人知道为什么我的ajax失败吗？ 我从这里通过 JSONP 获取数据: JSON Data 您可以使用此代码，并注意“警报”如何永远不会执行: $(document).ready(function(
我正在使用 jaubourg 的 jquery-jsonp module从与我的网站所在的域不同的域中获取数据。我从 jQuery 的 ajax 开始使用这个模块函数不支持 JSONP 请求的错误处理
我有一个使用 Jquery Mobile 制作移动 Web 应用程序的项目。我希望我的应用程序能够使用来自跨域 REST Web 服务的数据。很多人说用JSONP。但我仍然困惑如何使用它以及如何构建支
我正在使用 Angular 的 $http.jsonp() 请求，它成功返回了包含在函数中的 json: var url = "http://public-api.wordpress.com/rest
基于 Please explain JSONP ，我知道可以使用 JSONP 来绕过同源策略。 但是为了做到这一点，页面必须使用 标签。 我知道页面可以动态地发出新的脚本标签，例如: docum
在 jQuery 中使用 JSONP 时是否可能捕获错误？我已经尝试了 $.getJSON 和 $.ajax 方法，但都不会捕获我正在测试的 404 错误。这是我尝试过的方法(请记住，这些都可以成功运
我正在为一个带有嵌入推文的页面使用内容安全策略，我收到了 https://cdn.syndication.twimg.com 的报告。 ，这在我的政策中是不允许的。 这是一个很长的政策，但相关部分
使用 mootools 和 JsonP 我在 Firefox 错误控制台中收到“无效标签”错误 JsonP 似乎可以工作(我正确地获取了数据) {"jsondata":[{"title":"title
JSONP (JSON with Padding) 是 JSON 的一种 使用模式，可以让网页从别的网站那获取数据，即跨域读取数据 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP
我是一名优秀的程序员,十分优秀！