关于JSON-P格式的3个问题

Question

我必须编写一个将托管在不同域上的脚本。该脚本必须从我的服务器获取信息。

因此，stackoverflow 的用户告诉我，我必须使用 JSON-P 格式，经过研究，这就是我要做的。 （JSON-P 中提供的数据用于在其他网站上显示我的服务器上托管的一些信息）

1. 如何从我的服务器输出 JSON-P？它与 PHP

   中的 json_encode 函数相同吗？

2. 如何设计输出 JSON-P 的树模式 （你知道，比如：（{“name”：“foo”，“id”：“xxxxx”，“blog”：“http ://xxxxxx.com"}); 我可以从我的 XML 输出中窃取这个吗？ (http://bit.ly/9kzBDP)

3. 每次访问者浏览我的网站时widget 是它会在我的服务器上发出请求，请求在客户端显示 JSON-P 数据。 这会显着增加 CPU 负载（网站上的 1 位访问者将在我的服务器上执行脚本 = 1 个 SQL 请求来输出数据），因此有什么方法可以“缓存” JSON-P 信息输出每天仅刷新一到两次并将其存储到“文件”中（在哪个扩展名中？）。

但另一方面我想说直接请求 JSON-P 数据（不缓存它）是一个优点，因为集成脚本的网站只想显示他们的信息< /strong> 而不是全部数据。因此，制作一个类似以下内容的脚本：

jQuery.getJSON("http://www.something.com/json-p/outpout?filter=5&callback=?", function(data) {
................);
});

其中过滤器=网站想要显示的信息。

• 额外问题：我必须使用 JS 框架来读取 JSON-P 吗？或者没有任何框架包含在页面上的纯 JS 可以做到这一点吗？

你怎么认为 ？

非常感谢 ;)

Answer 1

JSONP 请求

$.ajax({
  type: "get",
  dataType: "jsonp",
  url: "mothership.com/widget_data",
  data: {whatever: "here", requested_from: "someonesblog.com" },
  cache: true,
  success: function(data, textStatus, XMLHttpRequest){
    // respond to ajax call here

    // debug: make sure your data is getting loaded properly
    console.log(data);

    // do other necessary things here
  }
});

从服务器编码并输出 JSON

<?php
  header("Content-Type: application/json");

  # You can access data from the jQuery.ajax() call with $_GET here

  $data = array(
    "name" => "foo",
    "id"   => 1234,
    "blog" => $_GET["requested_from"]
  );
  echo $_GET["callback"] . "(" . json_encode($data). ");" ;

  # this will output something like
  # jsonp1255285823({"name":"foo","id":1234,"blog":"someonesblog.com"});

  exit;
?>

Answer 2

您可以使用 json_encode 函数获取对象的 JSON 字符串表示形式，然后在其周围添加填充，即：

$json = json_encode($myObj);
echo $callback . "(" . $json . ");";

大多数 JSON 结构紧密复制 XML 结构和命名约定。没有后代的单个节点成为属性，重复的 XML 节点将是 JSON 数组，有后代的节点是对象。请参阅 http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid =396 以获得以两种格式表示的数据的体面的并排视图。

至于在服务器上缓存数据，如果您的流量不太大，大多数缓存方法可能有点矫枉过正。请参阅此答案之一我自己的问题和这个推荐memcached的答案 如果您仍然坚持需要它。您可以使用客户端缓存控制标头expires来确保客户端即使跨多个页面/刷新也只获取一次数据。

额外的答案：JSON-P 的美妙之处在于您不需要任何库来解析它。格式是纯 javascript，将 JSON-P 添加到页面就像将脚本添加到页面一样简单：

<script 
   type="text/javascript" 
   src="http://myurl.com/jsonp.php?callback=test&filter=5">
</script>