Maison >interface Web >js tutoriel >code de requête jquery ajax avec valeur de retour_jquery

code de requête jquery ajax avec valeur de retour_jquery

WBOY
WBOYoriginal
2016-05-16 15:45:351239parcourir

Il est maintenant plus populaire d'utiliser l'ajax de jquery pour obtenir certains effets de requête sans actualisation. Ce chapitre fournit un exemple de code très simple pour votre référence. J'espère qu'il pourra apporter de l'aide aux amis dans le besoin. :

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

async est l'abréviation de asynchronous [asynchronous], c'est une valeur bool qui est par défaut true. Lorsque async est vrai, la requête ajax sera exécutée, qu'elle soit terminée ou non. Les requêtes synchrones verrouillent temporairement le navigateur et n'effectuent aucune action pendant l'exécution de la requête.

Décrivez les fonctions à implémenter au cours des deux derniers jours. Déterminez si une donnée existe dans la base de données. Si elle existe, une erreur sera renvoyée. Si elle n'existe pas, elle peut être remplie et soumise. Le code est le suivant :

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;
      }
     })
  }
}

Grâce au code ci-dessus, il n'a pas pu indiquer correctement si le nom existe déjà dans la base de données. En définissant une variable globale et en changeant async (la valeur par défaut est true) d'asynchrone à synchrone, la valeur de retour d'ajax peut être obtenue avec succès. Le code est le suivant

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

Ce qui précède est le contenu de l'utilisation d'ajax dans jquery pour soumettre des données, puis le backend du site Web renverra les données en fonction des données que nous avons soumises. J'espère que cela sera utile à tous ceux qui apprennent ajax.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn