AJAX无刷新更新数据

SUBGUODONG

SUBGUODONG

2016-02-20 00:36

下面图老师小编要向大家介绍下AJAX无刷新更新数据,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

通过XMLHTTP发送请求,返回结果.

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

script language="JavaScript"
function GetResult()
...{
/**//**//**//*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult();
*--------------- GetResult() -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-1 12:22
oBao.open("POST","foo.php",false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
var strResult = unescape(oBao.responseText);
//将字符串分开.
var arrResult = strResult.split("###");
RemoveRow(); //删除以前的数据.
//将取得的字符串分开,并写入表格中.
for(var i=0;iarrResult.length;i++)
...{
arrTmp = arrResult[i].split("@@@");
num1 = arrTmp[0]; //字段num1的值
num2 = arrTmp[1]; //字段num2的值
row1 = tb.insertRow();
cell1 = row1.insertCell();
cell1.innerText = num1;
cell2 = row1.insertCell();
cell2.innerText = num2;
}
}

function RemoveRow()
...{
//保留第一行表头,其余数据均删除.
var iRows = tb.rows.length;
for(var i=0;iiRows-1;i++)
...{
tb.deleteRow(1);
}
}

function MyShow()
...{
//2秒自动刷新一次,2秒取得一次数据.
timer = window.setInterval("GetResult()",2000);
}
/script

body onload="MyShow()"
p
/p
table width="47%" height="23"border="0" cellpadding="1" cellspacing="0" id="tb"
tr
tdnum1/td
tdnum2/td
/tr
/table

展开更多 50%)
分享

猜你喜欢

AJAX无刷新更新数据

Web开发
AJAX无刷新更新数据

AJAX刷新更新数据

Web开发
AJAX刷新更新数据

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Ajax技术(WEB无刷新提交数据)-

Web开发
Ajax技术(WEB无刷新提交数据)-

Ajax技术(WEB无刷新提交数据)

Web开发
Ajax技术(WEB无刷新提交数据)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用Javascript实现无刷新更新数据

Web开发
用Javascript实现无刷新更新数据

XMLHTTP无刷新自动实时更新数据

Web开发
XMLHTTP无刷新自动实时更新数据

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Javascript 编程规范

Javascript 编程规范

繁体字转换搞笑签名:◆◇丶 如果我说;“北鼻、我耐你”

繁体字转换搞笑签名:◆◇丶 如果我说;“北鼻、我耐你”
下拉加载更多内容 ↓