Heim > Artikel > Web-Frontend > Verwendung von Ajax zur Implementierung asynchroner Aktualisierungsanforderungen
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 == '危险'){ $('.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>
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-TechnologieAjax-Technologiezusammensetzung und KernprinzipanalyseDas 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!