从javascript更改子JSP

Question

假设我有一个由

组成的home.jsp

  

/common/_header.jsp
  /_homebody.jsp
  /common/_footer.jsp

而search.jsp由

组成

  

/common/_header.jsp
  /_searchbody.jsp
  /common/_footer.jsp

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

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

删除部分很好，但是附加部分很脏并且容易出错，因为我需要在我的javascript中存储HTML字符串。有什么工作吗？两种可能的解决方案可能是

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

或任何更好的解决方案。

提前致谢

Answer 1

您可以使用html（）函数替换内容

在ajax成功

$(selector).html(content);

Answer 2

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

一种方法是隐藏_homebody内容并显示一个div，您可以定期更新其内容。然后，在每次搜索后，将内容替换为load ed内容

的内容