javascript - 使用 jquery ajax 加载整个页面

Question

我想使用 ajax 将整个页面加载到我的浏览器中。我希望它看起来像一般页面导航(就像用户单击某个链接时一样)。我有一个选择标签，并且希望在选择选择时导航到适当的页面。

我想我必须用ajax来做，我正在尝试这样:

 courseSelect.on('change', function(){
        var courseId = this.value;
        // start search of the course by courseId
        $(document).load('/courses/'+courseId+'');
    });

我收到了 html 响应，但没有任何反应。

Answer 1

使用body而不是document:

$("body").load('/courses/'+courseId);

此外，我建议您使用容器，而不是将其完全加载到文档上。

我建议你这样的事情:

$("#content").html('<img src="loading.gif" />').load('/courses/'+courseId);