如何在不刷新整个页面的情况下重新加载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请求外，服务器应包含一个包含错误情况说明的实体，并指出它是临时还是永久条件。 同样，用户代理应向用户显示任何包含的实体。 这些响应代码适用于任何请求方法。