码迷,mamicode.com
首页 > Web开发 > 详细

关于不断刷新界面jsp+ajax

时间:2016-06-17 23:56:09      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

jsp主要就是用之前的jsonArray读取

ajax可以设置个定时器,然后设置的方法,至于方法是今天学习到的

function ajax(method,data,url,success){
var xhr=null;
try{
xhr=new XMLHttpRequest("Microsoft.XMLHTTP");
}catch(e){
xhr=new XMLHttpRequest();
}
if(method==‘get‘){  //有data记得在url上加
url+=‘?‘+data;
}
xhr.open(method,url,true);
if(method==‘get‘){
xhr.send();}
else{
xhr.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘);  //因为是post方法是由于通过请求头来传输,所以要设置请求头
xhr.send(data);
}

xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){    //回调函数操作不同,判断存在不
success&&success(xhr.responseText);
}}}}

 

//这是定时器的使用

setInterval(function(){
ajax(‘get‘,‘‘,‘newupadate.jsp‘,function(data){
var data=eval(‘(‘+data+‘)‘);
var p;
for(var i=0;i<data.length;i++){
p+=‘<li>‘+data[i].content+data[i].date+‘</li>‘;
}
document.getElementsByTagName("ul")[0].innerHTML=p;
});
},
1000);

关于不断刷新界面jsp+ajax

标签:

原文地址:http://www.cnblogs.com/Guoguomix/p/5595392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!