ajax异步请求获取后台数据,java mvc 后台应该如何封装各种实体类数据

ajax异步请求获取后台数据,java mvc 后台应该如何封装各种实体类数据,第1张

可以使用jsonObject来封装。封装好的格式大概是这样:

{"Address":["Address1","Address2"],"user":["user1","user2"]}

异步引起的问题。你应该在success函数最后把拼接好的html显示在div中,然后再显示。

做法:定义好一个带有表头的空表格,隐藏它,待加载完数据再显示即可。

<table id="t2" style="display:none">

<tr>表头</tr>

</table>

$ajax({

type: "POST",

url: "<%=path %>/two",

dataType: "json",

data:{'liDu':liDu,'startTime':startTime,'endTime':endTime},

success: function(returnedData){

var html = "";

var tdHead = "<td height='20'><div align='center'><span class='STYLE1'>";

var tdFoot = "</span></div></td>";

$("#t2 tr:gt(0)")remove();//每次刷新,但是不移除表头第一行。

for(var i=0;i<returnedDatalength;i++){

var countInfo = returnedData[i];

var totalCount = countInfototalCount;

var sucCount = countInfosucCount;

var failCount = countInfofailCount;

var unknowCount = countInfounknowCount;

var sucPercent = countInfosucPercent;

var failPercent = countInfofailPercent;

var unknowPercent = countInfounknowPercent;

var countTimeZone = countInfocountTimeZone;

html += "<tr>" + tdHead + (i + 1) + tdFoot +

tdHead + totalCount + tdFoot +

tdHead + sucCount + tdFoot +

tdHead + sucPercent + tdFoot +

tdHead + failCount + tdFoot +

tdHead + failPercent + tdFoot +

tdHead + unknowCount + tdFoot +

tdHead + unknowPercent + tdFoot +

tdHead + countTimeZone + tdFoot + "</tr>";

}

$("#t2")append(html);

$("#t2")show("slow");//我这是一个表格。

}

});

首先你先要确定到底收到数据没

所以第一步,你先去到dataType,在success的

回调函数

这么写

success: function(info) {

consolelog(info);

}把收到的数据打印到控制台,在控制台里看有没有接收到数据,如果打印出了字符串,证明你接受是没有问题的。如果收不到,就在接收上查查。

排除了接收问题的话,就检查数据

你的JSON是怎么拼的?是用现成的库还是直接拼的字符串?如果直接拼接的字符串的话,我感觉你的数据格式是有问题的

按照JSON格式的定义,像totalCount虽然是key,不过是string,所以应该用

双引号

包裹,写成"totalCount":10

(数字可以不用包裹)

异步引起的问题。你应该在success函数最后把拼接好的html显示在div中,然后再显示。

做法:定义好一个带有表头的空表格,隐藏它,待加载完数据再显示即可。

<table id="t2" style="display:none">

<tr>表头</tr>

</table>

$ajax({

type: "POST",

url: "<%=path %>/two",

dataType: "json",

data:{'liDu':liDu,'startTime':startTime,'endTime':endTime},

success: function(returnedData){

var html = "";

var tdHead = "<td height='20'><div align='center'><span class='STYLE1'>";

var tdFoot = "</span></div></td>";

$("#t2 tr:gt(0)")remove();//每次刷新,但是不移除表头第一行。

for(var i=0;i<returnedDatalength;i++){

var countInfo = returnedData[i];

var totalCount = countInfototalCount;

var sucCount = countInfosucCount;

var failCount = countInfofailCount;

var unknowCount = countInfounknowCount;

var sucPercent = countInfosucPercent;

var failPercent = countInfofailPercent;

var unknowPercent = countInfounknowPercent;

var countTimeZone = countInfocountTimeZone;

html += "<tr>" + tdHead + (i + 1) + tdFoot +

tdHead + totalCount + tdFoot +

tdHead + sucCount + tdFoot +

tdHead + sucPercent + tdFoot +

tdHead + failCount + tdFoot +

tdHead + failPercent + tdFoot +

tdHead + unknowCount + tdFoot +

tdHead + unknowPercent + tdFoot +

tdHead + countTimeZone + tdFoot + "</tr>";

}

$("#t2")append(html);

$("#t2")show("slow");//我这是一个表格。

}

});

你是说向后台发送还是从后台获取?

首先ajax不能发送字节流数据,如果要通过ajax获取的是的话,可以将数据进行base64编码,转成字符串再传输。浏览器可以直接使用这些数据显示的(IE6、7除外,IE8有限制)

以上就是关于ajax异步请求获取后台数据,java mvc 后台应该如何封装各种实体类数据全部的内容,包括:ajax异步请求获取后台数据,java mvc 后台应该如何封装各种实体类数据、发送ajax请求到后台获取的数据不能显示到d框中,怎么办、Jquery用ajax获取数据后在页面取不到,确定后台已经传数据过来了。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9282727.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存