jQuery 中的 getJSON 和 PHP 中的 json_encode 和标头

Question

我在一个单独的域中有这个 php 文件（courses.php）。

<?php
header('content-type: application/javascript; charset=utf-8');

 $array = array();
 $array[0]["id"] = "1";
 $array[1]["id"] = "2";
 $array[2]["id"] = "3";

 $array[0]["coursename"] = "Course Name 1";
 $array[1]["coursename"] = "Course Name 2";
 $array[2]["coursename"] = "Course Name 3";


echo json_encode($array);

?>

我使用 JSONP 在 localhost 中访问如下数据。

$.getJSON( 'http://example.info/mobile/courses.php?callback=?', function( result ) {
       console.log(result);
});

它不起作用。但是，如果我将 URL 更改为 twitter，如下所示，它可以工作

$.getJSON( 'http://search.twitter.com/search.json?q=dogs&callback=?', function( result ) {
       console.log(result);
});

据我所知，它应该是courses.php 文件。但我不知道如何解决这个问题。

可能是什么问题？我该如何解决这个问题？

Answer 1

您的脚本返回的不是 JSONP，而是 JSON。 JSONP 的响应是一个带有一个函数调用的 JavaScript“文件”，其中函数名来自 callback 参数。

所以不要只是返回

{"bar": 42}

你必须回来

foo({"bar": 42});

在输出中包含函数名称：

echo $_GET['callback'] . '(' . json_encode($array) . ');';

如果$_GET['callback'] 不存在，您可能还想使用一些合理的默认值，或者直接返回 JSON。如果您不需要或可以使用 JSONP（例如，从另一个服务器端脚本调用 URL），这将非常有用。

---

注意：“JSONP”这个名称有点误导，因为该技术实际上与 JSON 没有任何关系。您生成的响应是纯 JavaScript 代码，您可以将任何内容传递给函数调用，它不必是 JSON 编码和作为对象解释的数据结构（它可以是任何有效的 JavaScript 数据类型）。