如何在不刷新整个页面的情况下重新加载DIV内容

Question

我希望只替换掉DIV的内容，将从服务器使用AJAX获取的内容放入其中。

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

    success: function () {

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

"

testDIV

" 是我想用从服务器获取的内容替换的 div 的 id。

- user2173955

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://前缀中的句号。除非您使用的是许多人不知道的新协议，否则您会希望将其删除。

- George

---

我尝试了你的解决方案，但是我得到了500错误代码。什么都没有发生。 - user2173955

你已经从地址协议中删除了句点（.）吗？ - George

那么我认为在http://127.0.0.1:8000/result/的脚本中存在问题。你是否使用URL重写？ - George

那么你到底是如何在那个地址上找到脚本的呢？你需要确保该地址指向你想要处理请求的脚本。 - George

@VaIbHaV-JaIn - 如果你注意到问题（比如 ht.tp）请在问题中修正。 - halfer

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);
}
});

- user1969752

Answer 3

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

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

- Nelson

---

谢谢你的帮助。但现在整个页面都在加载。我想要的只是用新的DIV内容替换旧的DIV内容。 - user2173955

Answer 4

这是正确的成功函数：

here is the right success function :

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

- Jeremy Gross

Answer 5

尝试这个：

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

- Edwin Alex

---

@VaIbHaV-JaIn 请看编辑部分。data是从AJAX请求中获取的响应。 - Edwin Alex

我已经尝试了一切，但在服务器端仍然收到相同的错误（500错误）。 - user2173955

Answer 6

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

- K D

Answer 7

最简单的方法是使用.load函数来完成此操作。

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

- Setrákus Ra

---

谢谢大家的帮助。我通过将新视图中的内容加载到DIV元素中解决了问题。感谢大家的建议和帮助。 - user2173955

Answer 8

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

- Ihor Patychenko