Question

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

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

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

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

提前感谢你......

Answer 1

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

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

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

Answer 2

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

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

或

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