Question

我有一个web应用程序，其中index.jsp是一个欢迎页面。 Index.jsp包含UI代码。我有多个html文件，具有相同的href链接。我的问题是每当我点击重新加载UI的链接时。因此，当url相同时，应该维护UI并且不应该重新加载页面。

我是Web应用程序开发的新手。请帮帮我。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="myform_sample1">
<a href="http://localhost:8080/app/index.jsp?file=filepath" target="http://localhost:8080/app/index.jsp?file=filepath">sample1<br>
</a>
</div>
<div id="myform_sample2">
<a href="http://localhost:8080/app/index.jsp?file=filepath" target="http://localhost:8080/app/index.jsp?file=filepath">sample2<br>
</a>
</div>
</body>
</html>

Answer 1

你可以试试这个：

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

在点击事件上，您可以传输值并通过ajax返回，而无需重新加载UI

Answer 2

我认为你可能在寻找jQuery：load，get，ajax

单击href链接时页面重新加载

2 个答案: