如何重载DIV内容而不刷新整个页面

how to reload DIV content without refreshing whole page

本文关键字：刷新 何重载 重载 DIV      更新时间：2023-09-26

我只想用我得到的内容替换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。

   $.ajax({
type: "GET",
url: "ht.tp://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ 
occasionData     +"&relationship="+ forData +"#",
success: function (response) {
    $("#testDIV").html(response);
}
});

如果您想用脚本返回的内容填充<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://前缀中的句号。除非你使用的是我们大多数人都不知道的新协议，否则你会希望它消失的。

使用携带内容的成功处理程序的第一个参数，并使用.html()函数将其替换为div内容:

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

下面是正确的成功函数:

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

试试这个，

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

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

最简单的方法是使用.load函数

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

以数字"5"开头的响应状态码表示服务器意识到遇到错误或无法执行请求的情况。除了响应HEAD请求外，服务器应该包含一个实体，其中包含对错误情况的解释，并指出它是临时的还是永久的条件。同样，用户代理应该向用户显示任何包含的实体。这些响应代码适用于任何请求方法。

相关文章：