javascript - 如何放入将从另一台服务器加载数据的 HTML 代码？

Question

我对 Disqus 的功能很感兴趣——用户将从 Disqus 中输入代码，该代码将远程获取必要的数据。下面是 Disqus 为用户提供的示例:

<script type="text/javascript">
  var disqus_shortname = 'domainname';
  (function() {
     var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
     dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
   })();
</script>

不幸的是，我不熟悉这个概念:我读到过这种技术使用异步 javascript 和 JSONP，但是你能给我一个基本的例子，说明我如何使用类似的东西来实现它吗？例如，如何以这种方式从远程数据库加载数据并将其显示到用户页面？

Answer 1

您正确陈述的技术来自 XHR家庭。通常人们也使用术语 AJAX没有意识到它背后的真正含义。人们倾向于使用没有 XML 的 XHR，通常依赖于其他数据交换格式(想想容器)，例如 JSON或 JSONP .容器格式与用于实际回调到服务器的技术完全不同。最近因为 HTML5 也是 PushState方法已经广泛流行。对于初学者，我建议直接使用 PJAX 跳入冷水，因为它是最新的开发并且相当广泛 supported .这是 PJAX 的工作示例.否则，如果您只想通过例如依赖完整的客户端jQuery 你可以做到 too .

现在越来越流行的是客户端 MVC 或模板引擎，它们使用 JSON 并直接在客户端呈现。一个流行的框架是例如EmberJS . 尝试分离使用 JSON 的逻辑和标记的更基本的方法是例如Mustache .

这是一个very basic example使用纯 JavaScript，您可以摆弄。