javascript - 用从某个 URL 检索到的数据替换整个 html-body 内容

标签 javascript jquery html

假设我通过调用一些 RESTful 服务端点或 URL 获得了一段有效的 HTML:

例如http://myserver/myhtml/

而且,我有一个简单的 HTML 页面:

 <html> 
  <body>
  </body>
 </html>

然后我想替换(加载时)在 <body></body> 中找到的全部内容,以及我从上面的网页获得的数据。

我正在使用 jquery

编辑:

感谢大家的反馈,但是,这个问题似乎不止于此。我正在尝试在此处使用此思维导图可视化 https://github.com/kennethkufluk/js-mindmap ,另请参阅此处的演示:http://kenneth.kufluk.com/google/js-mindmap/

它的工作原理是将数据作为 HTML 中的列表和列表项。然后它将呈现一个思维导图。

问题是所提供的答案干扰了思维导图的加载。除了调用 load 之外,还有其他方法可以动态加载正文列表项吗? (如果这是问题所在)。看看触发思维导图的 script.js,考虑到这段代码是另一种方式,同时仍然允许加载思维导图。谢谢!

最佳答案

此代码将替换 <body> 中的内容使用 AJAX 调用:

$.get("http://myserver/myhtml/").success( function(result){
    $('body').html(result);
}).error(function(result){
    alert("Error!");
});

关于javascript - 用从某个 URL 检索到的数据替换整个 html-body 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17151971/

相关文章:

javascript - jQuery 焦点事件似乎在 qUnit 测试中不起作用

javascript - 数据表行详细信息中的隐藏/显示按钮

javascript - 动态内容自动中心

javascript - 将日期转换为 Word 格式

javascript - 将多个 Canvas 保存为一张图像(制作像 PicFrame 一样的网站)

javascript - 使用较短的数据库查询代码将数据插入 MySQL 数据库表

javascript - 使用 native 功能增强 Web 应用程序 - 将 PhoneGap 的 InAppBrowser 与 Rails Web 应用程序应用程序 javascript 桥接

javascript - 动态大小的选择元素 IE 不滚动

javascript - Jquery 按类重复输入字段

html - 如何在响应式图像上垂直居中文本?