javascript - 通过ajax获取特定格式的json

Question

网页上的 JavaScript 函数需要以下格式的数据:

// Javascript
var data = [
            {"AKey" : "AVal", "BKey" : "BVal"},
            {"AKey" : "AVal", "BKey" : "BVal"},
            {"AKey" : "AVal", "BKey" : "BVal"}
];

目前，这个变量被硬编码在 JavaScript 文件中，一切正常。在第二步中，我想通过 jQuery 的 ajax 功能从服务器请求数据而不是使用硬编码变量来改进它，因为当然，到目前为止，数据是静态的。

所以我在我的服务器上放置了一个文本文件，它包含:

// textfile on server
[
            {"AKey" : "AVal", "BKey" : "BVal"},
            {"AKey" : "AVal", "BKey" : "BVal"},
            {"AKey" : "AVal", "BKey" : "BVal"}
];

除此之外，还有一个 PHP 脚本。 PHP 脚本将其内容类型设置为 application/json 并打印文本文件。

在Javascript中，我尝试了这样的事情:

var jqxhr = $.getJSON("http://www.myserver.com/output.php", function() {
    alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

jqxhr.complete(function(){ alert("second complete"); });

不幸的是，我只收到一个“错误”警报和两个完整的警报。

所以我有两个问题:

• ajax 调用出了什么问题，也许我应该以 text/plain 而不是 application/json 的形式传递数据？
• 除了 Ajax 之外:正如我上面提到的，特定的 javascript 函数需要格式为 var data = [ { "A": "B:}, { "A": "B :}]; 。此查询的结果(如果可行的话......)格式相同吗？

唯一的要求是我需要一个成功处理程序和一个错误处理程序，仅仅一个成功处理程序是不够的。

谢谢

Answer 1

您通过跨域访问它，它违反了Same origin policy 。

follow this link to learn how to overcome this.

查看我对这个问题的回答 $.ajax call working fine in IE8 and Doesn't work in firefox and chrome browsers

您的 JSON 应采用以下格式。

[
   {"AKey" : "AVal", "BKey" : "BVal"},
   {"AKey" : "AVal","BKey" : "BVal"},
   {"AKey" : "AVal", "BKey" : "BVal"}
];