如何在不刷新整個頁面的情況下重新加載DIV內容

Question

我想只用我得到的內容替換DIV內容。 在我使用ajax向服務器發出get請求之后。

    $.ajax({
    type: "GET",
    url: "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ 
    occasionData     +"&relationship="+ forData +"#",

    success: function () {

        $("#testDIV").load();
    }
});

“testDIV”是我想要替換從服務器獲取的內容的div的id。

Answer 1

如果您希望使用腳本返回的內容填充<div> ：

$.ajax({
    type: "GET",
    url: "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ 
    occasionData     +"&relationship="+ forData +"#",

    success: function (data) {

        $("#testDIV").html(data);
        //Puts response data inside <div id="testDIV"></div>
    }
});

哦，請注意http://前綴中的句號。 除非你使用我們很多人都不知道的新協議 - 否則你會希望它不復存在。

Answer 2

   $.ajax({
type: "GET",
url: "ht.tp://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ 
occasionData     +"&relationship="+ forData +"#",

success: function (response) {

    $("#testDIV").html(response);
}
});

Answer 3

使用帶有內容的成功處理程序的第一個參數，並使用.html()函數替換div內容：

success: function (data) {
    $("#testDIV").html(data);
}

Answer 4

這是正確的成功功能：

success: function(htmlFromServer) {
     $("#testDIV").html(htmlFromServer);
}

Answer 5

嘗試這個，

success: function (data) {
    $("#testDIV").html(data);
}

Answer 6

 var url = "ht.tp://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ 
    occasionData+"&relationship="+ forData +"#";
    $('#testDIV').load(url);

Answer 7

完成此操作的最簡單方法是使用.load函數

var url = "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion=" + occasionData     +"&relationship="+ forData +"#";
$("#testDIV").load(url);

Answer 8

以數字“5”開頭的響應狀態代碼表示服務器知道它遇到錯誤或者無法執行請求的情況。 除響應HEAD請求外，服務器應包含一個包含錯誤情況說明的實體，並指出它是臨時還是永久條件。 同樣，用戶代理應向用戶顯示任何包含的實體。 這些響應代碼適用於任何請求方法。