javascript - 从不同的 HTML 页面调用方法

Question

我有一个网页，显示按类别选择的数据。 类别列在一个页面 (categories.html) 中，数据显示在另一页 (list.html) 中。

我不想在选择新类别时重新加载整个页面(list.html)来显示数据，而是想编写一个可以从(categories.html)调用的公共(public)方法，以便仅单独获取数据，但是不再是整个 list.html 页面。

我正在使用 HTML5 + JS + CSS(JS 与 jQuery 和 Dojo 中的一样)。这种情况可能吗？

我无法将categories.html 和list.html 合并为一个文件，因为我有多个list.html 文件用于显示所选类别的各种数据。

提前感谢您...

Answer 1

可以使用 $.get 或 .load 配合 jquery 来获取远程 html 内容

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

或

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