AJAX刷新更新数据

天真的人88

天真的人88

2016-02-19 14:10

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享AJAX刷新更新数据,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
通过XMLHTTP发送请求,返回结果.
  
  scriptlanguage="JavaScript"
  
  functionGetResult()
  
  ...{
  
  /**//**//**//*
  
  *---------------GetResult()-----------------
  
  *GetResult()
  
  *功能:通过XMLHTTP发送请求,返回结果.
  
  *参数:str,字符串,发送条件.
  
  *实例:GetResult();
  
  *---------------GetResult()-----------------
  
  */
  
  varoBao=newActiveXObject("Microsoft.XMLHTTP");
  
  //特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
  
  //Update:2004-6-112:22
  
  oBao.open("POST","foo.php",false);
  
  oBao.send();
  
  //服务器端处理返回的是经过escape编码的字符串.
  
  varstrResult=unescape(oBao.responseText);
  
  //将字符串分开.
  
  vararrResult=strResult.split("###");
  
  RemoveRow();//删除以前的数据.
  
  //将取得的字符串分开,并写入表格中.
  
  for(vari=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;
  
  }
  
  }
  
  functionRemoveRow()
  
  ...{
  
  //保留第一行表头,其余数据均删除.
  
  variRows=tb.rows.length;
  
  for(vari=0;iiRows-1;i++)
  
  ...{
  
  tb.deleteRow(1);
  
  }
  
  }
  
  functionMyShow()
  
  ...{
  
  //2秒自动刷新一次,2秒取得一次数据.
  
  timer=window.setInterval("GetResult()",2000);
  
  }
  
  /script
  
  bodyonload="MyShow()"
  
  p
  
  /p
  
  tablewidth="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刺客新符文搭配推荐

另类妙招助你“加密”Word文档

另类妙招助你“加密”Word文档

Ajax核心概念的神秘面纱(3)

Ajax核心概念的神秘面纱(3)
下拉加载更多内容 ↓