ajax定时刷新列表

1、在jsp页面ajax的写法(先导包):

<SCRIPT type="text/javascript">

function sendRequest(){

$.ajax({

url: "checkneedless/demo/listSubscribe1.action", //ajax跳转的action

type:"post",//提交类型

dataType:"json",//返回数据类型,这里举得列是返回一个数组,第一个为String,第二个为一个object,object里面有一些属性,和一个object的集合

data: "pageNumber=" + pageNumber+"&commodityID="+commodityID,//参数,也可以是数组等数据类型。

success:function(data){//对应返回值得处理一般根据具体情况来定,最好的处理方式时,在页面调断点看返回值得结构,如下图
var json = eval(data);
var flag=json[0]; //第一个String

var json1=json[1]; //获取第一个object

var result=json1.result; //获取object里面的object集合

var a=json1.a; //获取object里面的其他属性

var html="<tr class='font_b tr_bg' >"
html+="<td width='10%' align='center'><div class='ordercol' id='tc.commodityId'>商品代码</div></td>";
html+="<td width='15%' align='center'><div class='ordercol' id='tc.name'>商品名称</div></td>";
html+="</tr>";
for(var i in result){ //遍历最后一个object集合的值

var commodityid="commodity"+i;
html+="<tr>";
html+="<td align='center' id='"+commodityid+"'>"+result[i].COMMODITYID+"</td>";
html+="<td align='center'>"+result[i].COMMODITYNAME+"</td>";
html+="</tr>";
}
$("#sendRequest").html(html);//将拼接的HTML放到对应的位置

},

error:function(){
alert(“ajax请求失败!”);
}
});

}

$(function () { //加载页面的时候就会调用定时刷新
setInterval("sendRequest()", 1000); //每隔1秒刷新点击量
});

</SCRIPT>

<body οnlοad="sendRequest()">//加载<body>的时候调用一下,在开发时候,可以将上面的定时刷新注释掉,编码完成后,将定时刷新放开,将οnlοad="sendRequest()"删除即可。

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="sendRequest">//拼接的HTML将放到这个里面

</table>

</body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值