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

Question

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

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

我正在使用 HTML5 + JS + CSS（在 jQuery 和 Dojo 中的 JS）。这种情况可能吗？

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

提前谢谢你...

score 1 · Accepted Answer

仅从 javascript 我不认为你可以做到这一点，但你可以使用任何你喜欢的服务器端语言，例如php。

首先，您必须绑定单击事件或选择类别时触发的任何事件，并且在该事件的回调中，您可以使用 jquery ajax 方法来调用php脚本。您必须通过 ajax 将所需的数据（例如选择的类别名称）传递给 php 脚本。现在，html如果您只想将数据附加到list.html.

在 js 脚本中，list.html您可以放置一个间隔，在 1/2 秒后检查片段文件，并使用 jqueryget或loadajax 方法获取片段代码并将其添加到“list.html”

score 1 · Accepted Answer

您可以将 $.get 或 .load 与 jquery 一起使用来获取远程 html 内容

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

或者

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

2 回答 2