使用 JavaScript Ajax 轮询小部件

Question

我有以下问题。我需要创建一个 JS 小部件并将其设置在一个博客上，例如来自 blogger.com 的任何博客。您可以选择一个 javascript 框，我将在该框中发布 JS。

我遇到的问题但不知道如何做到这一点是，脚本应该对 exmaple 进行 ajax 轮询 60 秒。但是，当主机与主机的链接不同时，如何执行ajax调用，其中包含JS？

例如，最简单的解释方法是：有一个搜索框，当你搜索任何内容时，JS 脚本应该从服务器流式传输结果 60 秒，这是我在脚本中设置的，与主机不同，其中JS 被包含在内，不会成为主机 JS 限制的问题。

或者例如聊天客户端，其中客户端托管在另一台主机上，服务器托管在另一台主机上。

谁能告诉我一个想法，或者给我一个如何做到这一点的例子？

谢谢 Nik

---

那么这个例子是否可能，但没有 JSONP？

function asyncreq(url) {
 var xmlhttp = false;
   try {
     xmlhttp = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         xmlhttp = false;
       }  
     }
   }
 if (xmlhttp){
         try {
             xmlhttp.open("GET", url);
             xmlhttp.onreadystatechange=function() {
                document.getElementById('mydiv').innerHTML = xmlhttp.responseText;
             }

             xmlhttp.send(null);
         }
         catch (failed) {
     xmlhttp = false;
   }
 }
}

如果您分块发送响应，那么一切都很好。但这又是ajax调用。当我在不同的主机中使用它时，由于同源策略，我无法调用该url。

还有别的办法吗？

我在此处发现了一个非常有趣的示例。

看一下底部，有一个求职框。如果您稍微调查一下，您会发现使用了类 RSL() 来执行请求。这个类如何在没有ajax的情况下执行请求？我无法理解哇这门课有效。谁能告诉我一个更好的例子吗？

Answer 1

有两个主要选项：

1. 将 iframe 放在您想要小部件所在的位置。它的 src URL 将位于接收 AJAX 调用的同一服务器上。

2. 使用 JSONP，它包括在页面中插入脚本标记以绕过同源策略。这要求 AJAX 服务器将其 JSON 输出包装在 ?(...) 中，其中 URL 包含 callback=?。然后，一旦收到响应，就启动另一个请求。