从不同的 HTML 页面调用方法

Calling Methods from Different HTML Pages

本文关键字：调用 方法 HTML      更新时间：2023-09-26

我有一个网页，显示由类别选择的数据。类别列在一个页面（类别.html），数据显示在另一个页面（列表.html）。

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

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

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

提前感谢你...

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

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

或 

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

从javascript来看，我认为你不能这样做，但你可以使用任何你喜欢的服务器端语言，例如php。

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

在 list.html 的 js 脚本中，您可以设置一个间隔，该间隔将在 1/2 秒后检查代码段文件，并使用 jQuery get 或load ajax 方法来获取代码片段代码并将其添加到"列表.html

相关文章：