jquery+ajax请求且带返回值的代码

2019-11-20 11:51:11

字体：大中小

来源：转载

供稿：网友

现在比较流行使用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[异步]的缩写，它是一个bool值默认为true。当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有所帮助。

上一篇：JavaScript实现网站访问次数统计代码

下一篇：javascript封装简单实现方法