脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → ajax异步请求刷新

ajax异步请求刷新

 更新时间：2016年08月09日 15:40:43   作者：baidu_23086307  
ajax刷新是一种用户体验良好的刷新方式,这篇文章主要介绍了ajax异步请求刷新,感兴趣的小伙伴们可以参考一下

在网站刷新的方法中，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";

  };

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

您可能感兴趣的文章:

相关文章

  • ajax翻页效果模仿yii框架自己写的

    ajax翻页效果模仿yii框架自己写的

    这篇文章主要介绍了自己写的ajax翻页效果，模仿yii框架,需要的朋友可以参考下
    2014-03-03
  • 使用Ajax或Easyui等框架时的Json-lib的处理方案

    使用Ajax或Easyui等框架时的Json-lib的处理方案

    这篇文章主要介绍了使用ajax或easyui等框架时的Json-lib的处理方案 ,需要的朋友可以参考下
    2017-06-06
  • ajax提交到java后台之后处理数据的实现

    ajax提交到java后台之后处理数据的实现

    下面小编就为大家带来一篇ajax提交到java后台之后处理数据的实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • jquery ajax提交表单从action传值到jsp实现小结

    jquery ajax提交表单从action传值到jsp实现小结

    pw.print(random);这里的random就是action要向jsp传的值，在jsp中，success: function(text)这里的text就是接收从action传过来的值，感兴趣的朋友可以参考下哈
    2013-04-04
  • AJAX聊天室V1.0发布

    AJAX聊天室V1.0发布

    AJAX聊天室V1.0发布...
    2006-09-09
  • 使用AJAX实现上传文件

    使用AJAX实现上传文件

    这篇文章主要介绍了使用AJAX实现上传文件，无需任何插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 使用AJAX完成用户名是否存在异步校验

    使用AJAX完成用户名是否存在异步校验

    这篇文章主要介绍了使用AJAX完成用户名是否存在异步校验的相关资料,需要的朋友可以参考下
    2016-12-12
  • Ajax 返回字符串的过滤实现代码

    Ajax 返回字符串的过滤实现代码

    在调用Ajax返回后。一个奇怪的问题。返回的resultString值是“ok”但是跟字符串"ok"比较确不相等。
    2009-08-08
  • Ajax中的循环方案

    Ajax中的循环方案

    在开发中，当一个列表页面加载完成后，我需要根据列表每一项的id去服务器端获取对应的数据然后再把获取的数据赋给当前id对应的标签，怎么实现的呢？下面小编给大家介绍下ajax中的循环方案，感兴趣的朋友一起学习吧
    2016-10-10
  • JavaScript如何控制Session实现原理及代码

    JavaScript如何控制Session实现原理及代码

    看到这个题目，或许有人会提出疑问，JavaScript代表客户端，而Session代表的是服务器（不知道这样说大家是否能够理解）现在就回到了题目所描述的问题写一个JavaScript方法，使其修改Session,感兴趣的朋友可以了解下，或许本文对你学习ajax有所帮助
    2013-02-02

最新评论