改变孩子JSP从JavaScript

Question

假设我有做的

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

一个针对home.jsp和search.jsp的由

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

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

1. 使用$(selector).empty()或$(selector).remove()取出_homebody内容
2. 添加使用$(selector).append(content)

去除部分是罚款_searchbody内容，但附加部件脏了，而且容易出错，因为我需要存储HTML字符串在我的JavaScript。任何解决方法？两种可能的解决方案可能是

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

或者任何更好的解决方案。

在此先感谢

Answer 1

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

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

Answer 2

您可以使用HTML（）函数在阿贾克斯成功更换内容

$(selector).html(content);