返回的HTML作為對jQuery ajax調用的響應

Question

我的jQuery函數正在進行ajax調用（GET請求），它必須返回HTML，然后我將在成功事件中將該HTML注入頁面中。

我必須在HTML中轉義什么才能確保沒有任何問題？

Answer 1

查找jQuery的load方法，這將完成您想要的所有事情，而無需進行額外的分析。

從Visual jQuery（www.visualjquery.com）：

在jQuery 1.2中，您現在可以在URL中指定jQuery選擇器。 這樣做將過濾傳入的HTML文檔，僅注入與選擇器匹配的元素。 語法類似於“ URL #some>選擇器”。 有關更多信息，請參見示例。

返回：jQuery

參數：

url（字符串）：要加載的HTML頁面的URL。 數據（地圖）：將被發送到服務器的鍵/值對。 callback（Callback）：ajax請求完成（不一定成功）時調用的函數。 函數（responseText，textStatus，XMLHttpRequest）{
這個; // dom元素}示例

將一部分文檔側邊欄導航加載到自定義無序列表中。

jQuery代碼

$("#links").load("/Main_Page #p-Getting-Started li");

給定的示例將加載URL / Main_Page，提取ID p-Getting-Started中每個LI內的內容，並將其直接插入頁面的ID“鏈接”中。

如果瀏覽器不是移動瀏覽器，我會結合使用此技術和Modernizr在Web應用程序內的彈出窗口中加載產品頁面。 少於20行JS / jQuery代碼使該網站對其桌面用戶更具交互性。 確保探究load（）方法的選項，可以限制結果，並且還具有成功回調。