欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajax异步请求刷新

程序员文章站 2022-05-14 21:20:17
在网站刷新的方法中,ajax刷新是一种用户体验良好的刷新方式,在结合ssh等流行的框架!最为常用了!下面就是常用一个ajax刷新表单的一个demo. $(docu...

在网站刷新的方法中,ajax刷新是一种用户体验良好的刷新方式,在结合ssh等流行的框架!最为常用了!下面就是常用一个ajax刷新表单的一个demo.

$(document).ready(function () {
  testchaxun();
   setinterval("testchaxun()",5000);
  });
  function testchaxun(){
    /* var selectid = $('#proviace').val(); */
    $.ajax({
    type : "post",
     /* cache: false, */
    url : "warningaction!warningdefquery1.action",
    datatype : "json",
    success : function(data) {
      $('tr').remove('.datatr');
      for(var i=0;i<data.length;i++){
        if(data[i].pstate == '危险'){
          $('.table-thtr').after('<tr class="datatr error-tr">'+
           '<td><img class="picture" src="'+data[i].ppic+'"/></td>'+
           '<td>'+data[i].pname+'</td>'+
           '<td>'+data[i].uname+'</td>'+
           '<td>'+data[i].bhomenum+'</td>'+
           '<td>'+data[i].bnumber+'</td>'+
           '<td>'+data[i].estart+'</td>'+
           '<td>'+data[i].wtype+'</td>'+
           '<td>'+data[i].wtime+'</td>'+
           '<td>'+data[i].paddress+'</td>'+
           '<td>'+data[i].uname+'</td>'+
           '<td>'+data[i].pstate+'</td>'+
           '<td><a href="warningaction!waringinfor.action?wid='+data[i].wid +'">详情</a></td>'+
           '</tr>');
        }else{
          $('.table-thtr').after('<tr class="datatr">'+
         '<td><img class="picture" src="'+data[i].ppic+'"/></td>'+
         '<td>'+data[i].pname+'</td>'+
         '<td>'+data[i].uname+'</td>'+
         '<td>'+data[i].bhomenum+'</td>'+
         '<td>'+data[i].bnumber+'</td>'+
         '<td>'+data[i].estart+'</td>'+
         '<td>'+data[i].wtype+'</td>'+
         '<td>'+data[i].wtime+'</td>'+
         '<td>'+data[i].paddress+'</td>'+
         '<td>'+data[i].uname+'</td>'+
         '<td>'+data[i].pstate+'</td>'+
         '<td><a href="warningaction!waringinfor.action?wid='+data[i].wid+'">详情</a></td>'+
         '</tr>');
        }

       }
     }
    });
   };
</script>

而在后台的warningaction!waringinfor.action中接送两个参数,实现请求这个方法的必要条件!返回一个json

public string waringinfor(){
     w= warningservice.getwarningbywid(wid);
     if (w!=null) {
       if (w.getpid()!=null) {
       p =patientservice.getpatientbypid(w.getpid());
      }
    }
    if (p!=null) {
      if (p.getpid()!=null) {
        s= sickroomservice.getsickroombypid(p.getpid());
      }
      if (p.getpequipmentid()!=null) {
        e= equipmentservice.getequipmentbyeid(p.getpequipmentid()); 
      }
    }
    return "waringinfor";

  };

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。