Ajax 비동기 요청 새로 고침 방법-PHP 튜토리얼-php.cn

Ajax 비동기 요청 새로 고침 방법

小云云

풀어 주다： 2023-03-19 13:52:01

원래의

1715명이 탐색했습니다.

ajax 새로고침은 좋은 사용자 경험을 제공하는 상쾌한 방법입니다. 이 글에서는 Ajax 비동기 요청 새로고침을 주로 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

웹사이트 새로고침 방법 중 Ajax 새로고침은 SSH와 같은 인기 있는 프레임워크와 결합하여 좋은 사용자 경험을 제공하는 새로고침 방법입니다! 가장 일반적으로 사용되는 것! 다음은 일반적으로 Ajax를 사용하여 양식을 새로 고치는 데모입니다.

$(document).ready(function () {
  testchaxun();
   setInterval("testchaxun()",5000);
  });
  function testchaxun(){
    /* var selectId = $(&#39;#proviace&#39;).val(); */
    $.ajax({
    type : "POST",
     /* cache: false, */
    url : "WarningAction!warningdefQuery1.action",
    dataType : "json",
    success : function(data) {
      $(&#39;tr&#39;).remove(&#39;.datatr&#39;);
      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";

  };

로그인 후 복사