从 JavaScript 更改子 JSP

change child JSP from javascript

本文关键字:JSP JavaScript      更新时间:2023-09-26

假设我有一个家.jsp由

/

普通/_header.jsp
/_homebody.jsp
/常见/_footer.jsp

和搜索.jsp由

/

普通/_header.jsp
/_searchbody.jsp
/常见/_footer.jsp

标题有一个搜索框。提交字符串时,我想移动到搜索页面,但更喜欢 ajax 调用。那么显示搜索页面的最佳方式是什么。我有以下解决方案。

  1. 使用$(selector).empty()$(selector).remove()删除_homebody内容
  2. 使用$(selector).append(content)添加_searchbody内容

删除部分很好,但附加部分很脏且容易出错,因为我需要将 HTML 字符串存储在我的 javascript 中。有什么解决方法吗?两个可能的解决方案可能是

  1. 在javascript中存储HTML字符串的更好方法或
  2. 可以删除 JSP 的子元素并添加新元素的方法。

或任何更好的解决方案。

提前致谢

如果将服务器设置为以 HTML 形式返回搜索结果,则只需使用 http://api.jquery.com/load/即可插入生成的结果。

解决此问题的一种方法是隐藏_homebody内容并显示一个div,您可以定期更新其内容。然后在每次搜索后,将内容替换为load编辑的内容

您可以使用 html() 函数替换内容

在阿贾克斯的成功

$(selector).html(content);