$.ajax()请求的返回的值怎样输出在一个div里???

发布网友发布时间：2022-04-07 08:55

共15个回答

热心网友时间：2022-04-07 10:25

$.ajax({
...
success(data){
    //如果数据结构是data ={
        data:5
    }
    //那么就是这样
    $('div').html(data.data);或者
    $('div').text(data.data);
    然后div显示的值就是5
}
})

热心网友时间：2022-04-07 11:43

$.html()的啦

热心网友时间：2022-04-07 13:17

热心网友时间：2022-04-07 15:09

先找到那个div,再往里面输出就行了

function success(res){
$("#msgBox").text(res);
}

热心网友时间：2022-04-07 17:17

div布局

<div id="#summary">存放请求来的数据</div>

ajax请求

热心网友时间：2022-04-07 19:41

以下代码通过ajax实现在一个web页面点击不同的链接，然后将返回的结果显示在该页面固定的div里。

<html>

<head>

<title>Insert title here</title>

var http_request = false;

function createRequest(url,objID){

http_request = false;

if(window.XMLHttpRequest){ //非IE浏览器

http_request = new XMLHttpRequest();

if(http_request.overrideMimeType){

http_request.overrideMimeType("text/xml");

}

}else if(window.ActiveXObject){ //IE浏览器

try{http_request = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{http_request = new ActiveXObject("Microsoft.XMLHTTP");

}catch(e){}

}

}if(!http_request){alert("无法创建XMLHTTP实例");return false;

}http_request.open("GET",url,true);

http_request.send(null);

var obj = document.getElementById(objID);

http_request.onreadystatechange = function(){

if(http_request.readyState == 4){

if(http_request.status == 200){

obj.innerHTML = http_request.responseText;

}else{

alert('您请求的页面发现错误！');

}}

</script></head><body οnlοad="createRequest('content1.html','show')">

<div align="center"><a href="content1.html" οnclick="createRequest('content1.html','show');return false;">no1</a> |

<a href="content2.html" οnclick="createRequest('content2.html','show');return false;">no2</a> |<a href="content3.html"

οnclick="createRequest('content3.html','show');return false;">no3</a></div><div id="show" align="center"></div></body></html>

扩展资料

jQuery ajax - ajax() 方法

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

语法

jQuery.ajax([settings])

settings：可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。

热心网友时间：2022-04-07 22:23

获取到数据之后需要先解析，一般都会采用json格式，解析出来之后
可以通过innerHTML/innerText添加内容，jq的话就是html( data )
或者append进去，都是可以的。
$.ajax({
success:function(data){
$(document.body).append('<div>' + data + '</div>');
}
});

热心网友时间：2022-04-08 01:21

document.getElementById("div").innerHTML = "ajax返回的值"

热心网友时间：2022-04-08 04:35

通过js找到该div标签,然后将内容填入该div

热心网友时间：2022-04-08 08:07

$.ajax({
success:function(data){
$(document.body).append('<div>' + data + '</div>');

}

});

热心网友时间：2022-04-08 11:55

$.ajax(
......省略.......
//回调
success:function(response){
$("#obj").text(response.data||"");
});
)

热心网友时间：2022-04-08 15:59

$.('mydiv').aprend(data);

热心网友时间：2022-04-08 20:21

$.ajax({ url: "test.html", params:values, success: function(data){
$(div).html(data);
}});

热心网友时间：2022-04-09 00:59

<div id="resDiv"></div>
$.ajax({
type: "GET",
url: yrl,
dataType: "json",
success: function(data){
$('#resDiv').html(data); //请求成功
//或者 document.getElementById("resDiv").innerHTML=data;
}，
error: function(error){
$('#resDiv').html(data); //请求失败
//或者 document.getElementById("resDiv").innerHTML=data;
}
});

热心网友时间：2022-04-09 05:53

建议你去读读jquery手册