Firefox 中出现无效标签错误

Question

当我从另一个域接收一些 json 内容时，我在 Firefox 中收到无效标签错误。我的 JS 代码是：

$.getJSON('http://www.upsidelearning.com/blog/blogapp/getBlogDetails.php?getBlogsList=1&jsoncallback=?', function(data){
     alert("Success");
      }); 

并且在 chrome 错误控制台中收到以下错误：

(Warning)Resource interpreted as Script but transferred with MIME type text/html.
(Error) Uncaught SyntaxError: Unexpected token :

编辑：我的响应 json 是：

{"data":[{"title":"How Long Does It Take To Develop An Hour Of Elearning?","publishDate":"15 September 2011","author":"Abhijit Kadle","permalink":"http:\/\/www.upsidelearning.com\/blog\/index.php\/2011\/09\/15\/how-long-does-it-take-to-develop-an-hour-of-elearning\/","thumbnail":"http:\/\/www.upsidelearning.com\/blog\/blogapp\/images\/blogpost-icon.png","id":9197}]}

请帮助我。

Answer 1

问题是服务器端脚本没有为任何回调添加前缀。你需要解决这个问题。它返回纯 JSON，如果不将其传递到函数或回调中就无法执行。

Answer 2

当我从另一个域接收一些 json 内容时，我在 Firefox 中收到无效标签错误。

由于同源策略限制，不允许将AJAX请求发送到不同的域。有几种解决方法：

1. 使用 JSONP。 getJSON() 文档中有一个关于它的特定部分。仅当远程域支持时才有效。例如，而不是：

   {"data":[{"title":"开发一个小时的电子学习需要多长时间？","publishDate":"2011 年 9 月 15 日","author":"Abhijit Kadle","permalink":"http:\/\/www.upsidelearning.com\/blog\/index.php\/2011\/09\/15\/how-long-does-it-take-to-开发-在线学习时间\/","缩略图":"http:\/\/www.upsidelearning.com\/blog\/blogapp\/images\/blogpost-icon.png","id":9197}] }
   

   远程域必须能够返回：

   callback({"data":[{"title":"开发一个小时的电子学习需要多长时间？","publishDate":"2011 年 9 月 15 日","author":"Abhijit Kadle","permalink":"http:\/\/www.upsidelearning.com\/blog\/index.php\/2011\/09\/15\/how-long-does-it-take-to-开发-an-h our-of-elearning\/","thumbnail":"http:\/\/www.upsidelearning.com\/blog\/blogapp\/images\/blogpost-icon.png","id":9197}] })
   

   客户端可以在其中设置回调名称。

2. 如果 JSONP 不是一个选项，您可以在您的域上编写一个服务器端脚本，该脚本将充当您的域和远程域之间的桥梁，然后将 AJAX 请求发送到您的脚本。

   如果

---

更新：

经过大量评论后，您似乎正在尝试使用 YQL。这是一个完整的工作演示：

$.get('http://www.upsidelearning.com/blog/blogapp/getBlogDetails.php?getCategories=1&callback=?', function(result) {
    // you could parse the JSON like this:
    // var json = $.parseJSON(($(result.responseText).filter('p').text()));
    // alert(json.data[0].id);

    alert("Success");
});

请注意，您应该使用 $.get 而不是 <代码>$.getJSON。