Heim > Web-Frontend > js-Tutorial > jquery Ajax-Anforderungscode mit Rückgabewert_jquery

jquery Ajax-Anforderungscode mit Rückgabewert_jquery

WBOY
Freigeben: 2016-05-16 15:45:35
Original
1239 Leute haben es durchsucht

Es ist jetzt beliebter, Ajax von jquery zu verwenden, um einige Nicht-Aktualisierungsanforderungseffekte zu erzielen. Ich hoffe, es kann Freunden in Not helfen :

<script type="text/javascript">
/* 请求Ajax 带返回值,并弹出提示框提醒 
--------------------------------------------------*/ 
function getAjax(url,parm,callBack) 
{ 
 $.ajax({ 
  type:'post', 
  dataType:"text", 
  url:url, 
  data:parm, 
  cache:false, 
  async:false, 
  success:function (msg) { 
   callBack(msg); 
  } 
 }) 
} 
/*删除 
/*url: 表示请求路径 
--------------------------------------------------*/ 
function DeleteData(url,id) 
{ 
 var parm='active=Del&id='+id; 
 if(id==undefined||id=="") 
 { 
  showAlertMsg('请选择要删除一行'); 
 } 
 else 
 { 
  showConfirmMsg("此操作不可恢复,确定要删除吗?",function(r){ 
   if(r)
   { 
    getAjax(url,parm,function(rs) 
    { 
     if(parseInt(rs)>0) 
     { 
      showOverAlertMsg("删除成功!",2000,4); 
     } 
     else if(parseInt(rs) == 0) 
     { 
      showOverAlertMsg("该数据被关联,无法删除!",2000,3); 
     } 
     else 
     { 
      showOverAlertMsg("删除失败!", 2000, 5); 
     } 
    }) 
   } 
  }) 
 } 
} 
//删除 
function DeleteOnclick() 
{ 
 DeleteData('SysMenu_List.aspx', Menu_Id); 
} 
</script>

Nach dem Login kopieren

async ist die Abkürzung für asynchronous [asynchronous], es ist ein Bool-Wert, der standardmäßig true ist. Wenn „async“ wahr ist, wird die Ajax-Anfrage ausgeführt, unabhängig davon, ob sie abgeschlossen ist. Synchrone Anfragen sperren den Browser vorübergehend und führen während der Ausführung der Anfrage keine Aktion aus.

Beschreiben Sie die Funktionen, die in den letzten zwei Tagen implementiert werden mussten. Stellen Sie fest, ob Daten in der Datenbank vorhanden sind. Wenn sie nicht vorhanden sind, können sie ausgefüllt und übermittelt werden. Der Code lautet wie folgt:

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkCompany/name/' + name,
      cache: false,
      success: function(data){
         return data > 0 &#63; false : true;
      }
     })
  }
}
Nach dem Login kopieren

Durch den obigen Code konnte nicht korrekt wiedergegeben werden, ob der Name bereits in der Datenbank vorhanden ist. Durch Festlegen einer globalen Variablen und Ändern von async (der Standardwert ist true) von asynchron in synchron kann der Rückgabewert von Ajax erfolgreich abgerufen werden. Der Code lautet wie folgt

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkName/name/' + name,
      cache: false,
      async: false,
      success: function(data){
        flag = data;
      }
    })
  }
  return flag > 0 &#63; false : true;
}
Nach dem Login kopieren

Das Obige ist der Inhalt der Verwendung von Ajax in JQuery zum Senden von Daten. Anschließend gibt das Website-Backend die Daten basierend auf den von uns übermittelten Daten zurück. Ich hoffe, dass dies für alle hilfreich ist, die Ajax lernen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage