ajax異步請求刷新方法

小云云
發布: 2023-03-19 13:52:01
原創
1683 人瀏覽過

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 == &#39;危险&#39;){
          $(&#39;.table-thtr&#39;).after(&#39;<tr class="datatr error-tr">&#39;+
           &#39;<td><img class="picture" src="&#39;+data[i].pPic+&#39;"/></td>&#39;+
           &#39;<td>&#39;+data[i].pName+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].uName+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].bHomenum+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].bNumber+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].eStart+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].wType+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].wTime+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].pAddress+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].uName+&#39;</td>&#39;+
           &#39;<td>&#39;+data[i].pState+&#39;</td>&#39;+
           &#39;<td><a href="WarningAction!waringInfor.action?WId=&#39;+data[i].wId +&#39;">详情</a></td>&#39;+
           &#39;</tr>&#39;);
        }else{
          $(&#39;.table-thtr&#39;).after(&#39;<tr class="datatr">&#39;+
         &#39;<td><img class="picture" src="&#39;+data[i].pPic+&#39;"/></td>&#39;+
         &#39;<td>&#39;+data[i].pName+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].uName+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].bHomenum+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].bNumber+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].eStart+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].wType+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].wTime+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].pAddress+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].uName+&#39;</td>&#39;+
         &#39;<td>&#39;+data[i].pState+&#39;</td>&#39;+
         &#39;<td><a href="WarningAction!waringInfor.action?WId=&#39;+data[i].wId+&#39;">详情</a></td>&#39;+
         &#39;</tr>&#39;);
        }

       }
     }
    });
   };
</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";

  };
登入後複製

相關推薦:

#javascript - ajax刷新的問題

php +ajax製作無刷新留言板,phpajax刷新留言板_PHP教學

#php+ajax實作無刷新分頁,phpajax刷新分頁

以上是ajax異步請求刷新方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!