Javascript 如何在不刷新整个页面的情况下重新加载DIV内容
我只想用我得到的内容替换DIV内容。在我使用ajax向服务器发出get请求之后Javascript 如何在不刷新整个页面的情况下重新加载DIV内容,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我只想用我得到的内容替换DIV内容。在我使用ajax向服务器发出get请求之后 $.ajax({ type: "GET", url: "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+ occasionData +"&relationship="+ forData +"#", success: function () { $("#testDI
$.ajax({
type: "GET",
url: "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+
occasionData +"&relationship="+ forData +"#",
success: function () {
$("#testDIV").load();
}
});
“testDIV”是我要替换从服务器获取的内容的div的id。试试这个
success: function (data) {
$("#testDIV").html(data);
}
使用携带内容的success handler的第一个参数,并使用
.html()
函数替换div内容:
success: function (data) {
$("#testDIV").html(data);
}
如果您希望用脚本返回的内容填充
:
$.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>
}
});
$.ajax({
键入:“获取”,
url:“http://127.0.0.1:8000/result/?age=“+ageData+”&场合=“+
occasionData+“&relationship=“+forData+”#“,
成功:功能(数据){
$(“#testDIV”).html(数据);
//将响应数据放入
}
});
哦,请注意
http://
前缀中的句号。除非您使用的是我们很多人都不知道的新协议,否则您会希望它消失。以下是正确的成功功能:
var url = "ht.tp://127.0.0.1:8000/result/?age="+ ageData +"&occasion="+
occasionData+"&relationship="+ forData +"#";
$('#testDIV').load(url);
success: function(htmlFromServer) {
$("#testDIV").html(htmlFromServer);
}
完成此操作的最简单方法是使用
.load
函数
var url = "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion=" + occasionData +"&relationship="+ forData +"#";
$("#testDIV").load(url);
以数字“5”开头的响应状态代码表示服务器意识到遇到错误或无法执行请求的情况。除响应HEAD请求外,服务器应包含一个实体,其中包含对错误情况的解释,并指出这是临时还是永久性情况。同样,用户代理应该向用户显示任何包含的实体。这些响应代码适用于任何请求方法。@VaIbHaV JaIn请参阅编辑的部分。数据是从AJAX请求得到的响应我尝试了所有方法,但在服务器端得到了相同的错误(500个错误)。我尝试了您的解决方案,但得到了500个错误代码。没有发生任何事情您是否已从地址协议中删除句点(
)?那么我认为处的脚本有问题http://127.0.0.1:8000/result/
。你在使用URL重写吗?那么你到底是如何在那个地址访问脚本的呢?您需要确保地址指向要处理请求的脚本。如果我直接从浏览器使用url,则服务器不会显示错误。但是如果我使用ajax方法。然后它将显示错误。谢谢您的帮助。但是现在整个页面正在加载。但我想要的只是用新的DIV内容替换旧的DIV内容。谢谢大家的帮助。。我通过将新视图中的内容加载到DIV元素中解决了这个问题。。谢谢你们的建议和帮助。。。
var url = "http://127.0.0.1:8000/result/?age="+ ageData +"&occasion=" + occasionData +"&relationship="+ forData +"#";
$("#testDIV").load(url);