我理解 JSONP 如何工作的理论,但是关于细节或语法的一些东西让我望而却步。我正在处理的示例是“引用旋转器”,它在带有 JSON 的单个域上运行良好,但我也想在另一个域上使用它,只更新一个数据源。
(旁注:我很奇怪,当调用域是 subdomain.mydomain.com 时,从 mydomain.com 请求会弹出 CORS 问题。希望子域不受影响!!)
我有一个用静态函数填充的 JSON 文件,如下所示:
quotator.testimonialFetch(
{
"testimonials": [
{
"quote": "Amazing product!",
"quotedName": "Somebody",
"quotedTitle": "Director of Yoyos",
"company": "Kramerica",
"products": ["product1"],
"yearmonth": 201212,
"active": true
},
{
"quote": "Never seen anything like it.",
"shortquote": "When quote is too long, use this.",
"quotedName": "Fflewddur Fflam",
"quotedTitle": "",
"company": "Prydain",
"products": ["product1","product2"],
"yearmonth": 201212,
"active": false
}
]
}
);
我没有使用$.getJSON
速记(附加回调),而是使用更详细的$.ajax()
方法:
$.ajax({
type: 'GET',
url: 'http://www.mydomain.com/assets/testimonials.json',
async: false,
jsonpCallback: 'quotator.testimonialFetch',
contentType: "application/json",
dataType: 'jsonp',
success: function(json) {
console.log('success!');
console.dir(json.testimonials);
},
error: function(e) {
console.log('some sort of error!');
console.log(e.message);
}
});
它不会记录成功,但会记录错误,无论我是从 mydomain.com 还是 sub.mydomain.com 中进行调用。错误是某些东西是“未定义的”。不确定那可能是什么。
所以,最主要的是......不确定将处理逻辑放在哪里。它应该直接进入 的回调$.ajax()
吗?我确实创建了一个与填充名称匹配的函数,它确实接收了数据对象:
quotator.testimonialFetch = function(data) {
// using the document ready function as a safety net; maybe I don't need to defer?
$(document).ready(function() {
quotator.quoteobj = data.testimonials;
console.log(quotator.quoteobj); // logs the object I'm expecting! Yay!
};
});
}
知道它做了什么并不重要,或者至少我认为它不重要。重要的是:
$.ajax()
-当从 sub.mydomain.com进行调用时,逻辑启动,引号被处理,结果有点成功......“有点”,因为虽然$.ajax
调用返回了 JSONP,但错误回调是触发,然后使用回调函数正确处理数据......?!
-$.ajax()
从 mydomain.com 拨打电话时,我得到了我想要的对象,但我无法处理它。我可以看到我的 JSONP 响应,但$.ajax
成功回调本身没有处理,因为触发了错误回调。然后quotator.testimonialFetch()
没有触发......由于是同域而不是跨域?
谢谢你的时间。