Heim >Web-Frontend >js-Tutorial >jQuery$.post()-Methode mit angehängtem Ajax-Beispielcode
In diesem Artikel wird hauptsächlich die Methode $.post() in Jquery vorgestellt, die die asynchrone Übermittlung sehr gut kapselt. Die direkte Verwendung von AJAX vereinfacht unsere Vorgänge erheblich. Freunde, die es brauchen, können darauf verweisen, ich hoffe, es kann Ihnen helfen.
$.post und $.get sind einfache Methoden. Wenn Sie komplexe Logik verarbeiten möchten, müssen Sie weiterhin jQuery.ajax() verwenden.
1. Allgemeines Format von $.ajax
$.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType });
2. Parameterbeschreibung von $.ajax
Parameterbeschreibung
URL – erforderlich. Gibt die URL an, an die die Anfrage gesendet werden soll.
Daten – optional. Karten- oder Zeichenfolgenwert. Gibt die Daten an, die mit der Anfrage an den Server gesendet werden sollen.
success(data, textStatus, jqXHR)—— Optional. Die Rückruffunktion wird ausgeführt, wenn die Anfrage erfolgreich ist.
dataType – optional. Gibt den Datentyp der erwarteten Serverantwort an. Die intelligente Beurteilung erfolgt standardmäßig (XML, JSON, Skript oder HTML).
3. Einige Dinge, auf die Sie bei $.ajax achten sollten
1. Es gibt drei Hauptmethoden für Daten: HTML-Splicing, JSON-Array, Form-Form-Serialisierung( ) sequenzorientiert; durch dataType angegeben, es wird kein intelligentes Urteil angegeben.
2.$.ajax sendet das Formular nur im Textmodus. Wenn die asynchrone Übermittlung 28897b20adb25fbae118a3f80f538dec enthält, müssen Sie $.ajaxSubmit von jquery.form.js verwenden >
//1.$.ajax带json数据的异步请求
var aj = $.ajax( {
url:'productManager_reverseUpdate',// 跳转到 action
data:{
selRollBack : selRollBack,
selOperatorsCode : selOperatorsCode,
PROVINCECODE : PROVINCECODE,
pass2 : pass2
},
type:'post',
cache:false,
dataType:'json',
success:function(data) {
if(data.msg =="true" ){
// view("修改成功!");
alert("修改成功!");
window.location.reload();
}else{
view(data.msg);
}
},
error : function() {
// view("异常!");
alert("异常!");
}
});
//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){
var formParam = $("#form1").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
}
//3.$.ajax拼接url的异步请求
var yz=$.ajax({
type:'post',
url:'validatePwd2_checkPwd2?password2='+password2,
data:{},
cache:false,
dataType:'json',
success:function(data){
if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间
{
textPassword2.html("<font color='red'>业务密码不正确!</font>");
$("#validatePassword2").val("pwd2Error");
checkPassword2 = false;
return;
}
},
error:function(){}
});
//4.$.ajax拼接data的异步请求
$.ajax({
url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',
type:'post',
data:'merName='+values,
async : false, //默认为true 异步
error:function(){
alert('error');
},
success:function(data){
$("#"+divs).html(data);
}
});
Das obige ist der detaillierte Inhalt vonjQuery$.post()-Methode mit angehängtem Ajax-Beispielcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!