2013-01-25 147 views
0

假設我有做的改變孩子JSP從JavaScript

/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的子元素,並添加一個新的方法的更好的方法。

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

在此先感謝

回答

0

如果您設置您的服務器返回的搜索結果爲HTML,您可以使用http://api.jquery.com/load/來插入生成的結果。

有關此方法的一種方法是隱藏_homebody內容並顯示一個可以定期更新其內容的div。然後在每次搜索後,將內容替換爲load ed內容的內容

+0

答案的第一部分將客戶端內容帶到服務器,這是不太理想的恕我直言。 – shazinltc

+0

但我喜歡第二部分。從來沒有想過這個。 – shazinltc

0

您可以使用HTML()函數在阿賈克斯成功更換內容

$(selector).html(content);