如何在ajax調用后重新加載div內容而不重新加載整個頁面

Question

我想要實現的是在頁面上重新加載div的內容而不重新加載整個頁面，我想在照片上傳后重新將div加載到，以便可以從數據庫中加載新上傳的照片，但是我不想重新加載整個頁面，但是代碼無法正常工作，我將整個頁面加載到函數ajaxLoad（）{

     var loadUrl = window.location.href;
    // $(".carouser-inner ").load(loadUrl);
     $(".carouser-inner ").load(loadUrl+".carouser-inner ");
}

我在ajax成功后調用該函數，但是下面是我得到的

我想要的

但是下面是我得到的，重新加載頁面后，現在可以根據需要恢復正常

感謝您如何實現此目標的任何幫助，謝謝

Answer 1

作為jQuery .load（）的文檔 ，您需要在url和選擇器之間留一個空格，因此：

$(".carouser-inner ").load(loadUrl+" .carouser-inner");

Answer 2

首先清除div，然后設置div的內容。 您可以使用函數clearDiv()清除它，或者只需設置.innerHTML = ""如果您需要這樣做）。

抓取內容與AJAX / XHR /取將是異步的，所以你將需要建築師，作為一個.Promise並解決它.then設置的內容。

Answer 3

這完全取決於您使用load（）調用的url返回什么。 看來您在load（）中使用的url返回了整個頁面的HTML。

相反，您希望與load（）一起使用的url只返回要加載到div中的html部分

因此您的jquery調用沒有問題，它是與load（）一起使用的url返回的值，需要對其進行修復。 那是服務器端的問題，與jquery代碼無關。

因此，簡而言之：您的解決方法是修復與load（）一起使用的url，只需使其返回所需的部分html。

高溫超導