window.onload =function(){
var request;
if(window.XMLHttpRequest){
request =new XMLHttpRequest();
}else{
request =new ActiveXObject("Microsoft.XMLHTTP");
}
var userid=10015;
request.open("get","${pageContext.request.contextPath}/servlet/WithdrawCash?order=my_withdraw_cash&userid="+userid, true);
request.send();
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
var myIncome = JSON.parse(request.responseText);
var oTab = document.getElementById("my_income_info");
for(var i=0; i<myIncome.length; i++){
var oTr = document.createElement("tr");
oTr.innerHTML = "<td>"+myIncome[i].user_ID+"</td><td>"+myIncome[i].way_income+"</td><td>"+myIncome[i].amount_income+"</td><td>"+myIncome[i].createtime_income+"</td>";
oTab.appendChild(oTr);
};
}
};
};
页面 jsp
<table id="my_income_info" >
<tr>
<td width="25%">用户编号</td><td width="25%">收入方式</td><td width="25%">金额</td><td width="25%">获得时间</td>
</tr>
</table>
本文介绍了一种使用JavaScript进行异步数据加载的方法,通过XMLHttpRequest对象获取服务器上的收入信息,并将返回的JSON数据动态填充到网页表格中。具体实现了在页面加载时,自动从指定Servlet请求用户收入详情,然后解析JSON数据并展示。
1353

被折叠的 条评论
为什么被折叠?



