发送ajax请求到后台获取的数据不能显示到d框<div>中

发送ajax请求到后台获取的数据不能显示到d框<div>中,第1张

异步引起的问题。你应该在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发起了请求,并且携带了参数。

可以使用浏览器的“审查元素”功能来查看异步请求的执行状况。

以360浏览器为例:

1、按下F12后会打开审查元素窗口。

2、选择Network。

3、执行一次ajax请求,在下面文本框中会多一条请求数据。类型为xhr。

4、点击该条请求数据,可以在右侧的详情中查看到请求携带的参数。

本例中请求名称为sug,携带了参数是kw=1。请求的方式是post请求。

如果是get请求,可以使用$_GET来获取。

如果是post请求,可以使用$_POST来获取。

所以本例在服务端使用$_POST['kw']即可获取到值"1"。

type是post还是get没设置 不知道你是怎么接受的,type设置post就post接受,设置get就get接受,另外那个datatype你是json的就把dataType这个加上,然后{}里没必要带“”号的。

在firebug里都能看到ajax传输的数据的 还有是get还是post的 你直接看不就好了,看的真真的啊!

以上就是关于发送ajax请求到后台获取的数据不能显示到d框<div>中全部的内容,包括:发送ajax请求到后台获取的数据不能显示到d框<div>中、php ajax post数据接收不到、Ajax异步提交数据,后台没有收到等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存