Heim > Artikel > Backend-Entwicklung > Ajax-Methode zur asynchronen Anforderungsaktualisierung
Ajax-Aktualisierung ist eine Aktualisierungsmethode mit guter Benutzererfahrung. In diesem Artikel wird hauptsächlich die asynchrone Anforderungsaktualisierung vorgestellt. Ich hoffe, sie kann allen helfen.
Unter den Methoden zur Website-Aktualisierung ist die Ajax-Aktualisierung eine Aktualisierungsmethode mit guter Benutzererfahrung, kombiniert mit beliebten Frameworks wie SSH! Am häufigsten verwendet! Das Folgende ist eine Demo eines häufig verwendeten Ajax-Aktualisierungsformulars
$(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>
Im Hintergrund empfängt und sendet WarningAction!waringInfor.action zwei Parameter, um die notwendigen Bedingungen zum Anfordern dieser Methode zu realisieren! Geben Sie 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"; };
Verwandte Empfehlungen:
Javascript - Ajax-Aktualisierungsproblem
php+ajax implementiert Paging ohne Aktualisierung, phpajax aktualisiert das Paging
Das obige ist der detaillierte Inhalt vonAjax-Methode zur asynchronen Anforderungsaktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!