반환 값이 있는 jquery ajax 요청 코드_jquery

이제는 새로 고치지 않는 요청 효과를 얻기 위해 jquery의 ajax를 사용하는 것이 더 인기가 있습니다. 이 장에서는 도움이 필요한 친구들에게 도움이 될 수 있는 매우 간단한 코드 예제를 제공합니다. :

<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는 asynchronous[asynchronous]의 약어로, 기본값이 true인 bool 값입니다. async가 true인 경우 ajax 요청은 완료 여부에 관계없이 실행됩니다. 동기 요청은 일시적으로 브라우저를 잠그고 요청이 실행되는 동안 어떤 작업도 수행하지 않습니다.

지난 이틀 동안 구현될 기능을 설명합니다. 데이터베이스에 데이터가 있는지 확인합니다. 존재하지 않으면 오류가 반환됩니다. 작성하여 제출할 수 있습니다. 코드는 다음과 같습니다.

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 ? false : true;
      }
     })
  }
}

위 코드를 통해서는 해당 이름이 데이터베이스에 이미 존재하는지 여부를 정확하게 반영하지 못했습니다. 전역 변수를 설정하고 async(기본값은 true)를 비동기식에서 동기식으로 변경하면 ajax의 반환 값을 성공적으로 얻을 수 있습니다. 코드는 다음과 같습니다

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 ? false : true;
}

위 내용은 jquery에서 ajax를 사용하여 데이터를 제출한 후 웹사이트 백엔드에서 우리가 제출한 데이터를 기반으로 데이터를 반환하는 내용입니다. ajax를 배우는 모든 분들에게 도움이 되길 바랍니다.