Heim  >  Artikel  >  Web-Frontend  >  Verwendung von Ajax zur Implementierung asynchroner Aktualisierungsanforderungen

Verwendung von Ajax zur Implementierung asynchroner Aktualisierungsanforderungen

亚连
亚连Original
2018-05-23 15:35:121667Durchsuche

Ajax-Aktualisierung ist eine erfrischende Methode mit guter Benutzererfahrung. In diesem Artikel wird hauptsächlich die asynchrone Anforderungsaktualisierung mit Ajax vorgestellt Benutzererfahrung, kombiniert mit beliebten Frameworks wie ssh! Am häufigsten verwendet! Das Folgende ist eine Demo, die üblicherweise einen Ajax verwendet, um das Formular zu aktualisieren.

$(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>

Die WarningAction!waringInfor.action im Hintergrund empfängt und sendet zwei Parameter, um die notwendigen Bedingungen zum Anfordern dieser Methode zu realisieren! Gib einen JSON zurück

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";

  };

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax+php realisiert eine dreistufige Verknüpfung der Produktklassifizierung

Über den Ausgabestream am Ende des Servlets in der Ajax-Technologie

Ajax-Technologiezusammensetzung und Kernprinzipanalyse

Das obige ist der detaillierte Inhalt vonVerwendung von Ajax zur Implementierung asynchroner Aktualisierungsanforderungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn