Ajax調用后如何保留頁面的舊內容？

Question

我正在使用Ajax加載進行搜索。 當我在文本框中鍵入內容時，搜索到的內容顯示在頁面上，但是當我清除文本框時，它現在為空，則不會顯示較舊的內容（搜索之前）。 我該怎么辦。

Answer 1

搜索文本框為空時，可能不需要發送Ajax調用。

您可以驗證文本框字符串的長度是否大於0以觸發Ajax調用以獲取搜索結果

<input type = "text" id = "searchbox" />

<div id = "searchResult"></div>

腳本：

var searchText = document.getElementById("searchbox").value.trim();

if (searchText.length > 0)
{
  // call Ajax to fetch search result
}

Answer 2

一種解決方案是，如果搜索條件為空，則使服務器上的搜索查詢返回所有數據。 這樣，如果您清空搜索框，則可以獲得內容。

即使搜索框為空，也請確保ajax觸發。