用Jquery获取请求

Question

我想使用Jquery执行一个简单的get请求，并用结果替换当前的显示HTML。 如果我使用$ .get（'some static page'），我将HTML内容作为回调函数的参数，但是我如何用结果替换整个HTML，浏览器将继续询问服务器是否包含在HTML中的css和js文件？

$.get('list.html',function(data) {
    //what should be here?
});

或者可能有更简单的方法吗？

Answer 1

您可以使用

在HTML页面中“放置”HTML回调

$.get('list.html',function(data) {

   YOUR_OBJECT_ELEMENT.html(data);
});

请参阅官方文档：enter link description here。 如果你想从HTML文件中加载JavaScript和CSS，你需要解析它。

Answer 2

当您需要替换所有HTML时，为什么不使用经典的href链接？

更简单的方法：

1. 创建全局缩小的css文件 - 页面加载效果更好
2. 仅在list.html中留下文件末尾包含javascript文件的内容
3. ajax加载list.html并仅更改内容

像这样：

$.get('list.html',function(data) {
    $('#content').html(data);
});

我的主文件必须是<div id="content">...some content...</div> list.html中的Javascripts将被加载并执行，但是在DOM准备就绪后执行它们的好习惯。

有许多更简单和“最佳实践”的方法如何使用AJAX调用，然后更改整个HTML页面。

Answer 3

您可以使用.load()代替此

$('html').load('list.html')

FIDDLE

执行此操作不会更改网址 - 如果您想更改网址，则可以重定向网址

window.location = "list.html";