获取外部 JSON/XML 的 Javascript 小部件......如何？

Question

我想为网页构建一个可嵌入的小部件，该部件将访问提供 XML 或 JSON 服务的 API(我可以在这两种格式之间进行选择)。我想要做的是让用户只需选择一段代码并将其粘贴到网站中，就像 Twitter Widgets

由于跨域安全问题，我不能只执行 ajax 调用来加载那些外部数据集，所以我只能使用 iFrame 吗？我更喜欢输出更灵活的东西，以便用户可以通过 CSS 更改它。

除了开启宿主站点的跨域权限，还有什么办法可以做吗？

Answer 1

阅读关于jsonp的内容。

通常，一个过于简化的实现，只是为了解释它是如何工作的:

在客户端:

  var s = document.createElement("script");
  s.src = "http://yoursever.com/path/to/server/page?r=mySpecialCallback"
  document.body.appendChild(s);

  function mySpecialCallback(data){
      //do stuff with data that server returned 

  }

在服务器上，例如在 aspx 中

  <%=Request["r"]%>({name: "Don-Joy", age: 34 } );

或在 Php 中

  <?php $_GET['r']?>({name: "Don-Joy", age: 34 } );

限制:

1 - 没有帖子。只有得到。发送到服务器的数据仅限于适合 URL 的内容

2 - 服务器的响应不是纯 JSON - 它必须包含在回调函数中，客户端给服务器它的名字 - 在这个例子中 - 使用 r 查询 -字符串参数。

玩得开心