AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2015-10-16 17:30 我要评论( )

IT学习网是国内以普及电脑技术的学习资料网站,本站历经长期发展已深得广大电脑爱好者的好评和喜爱,为您提供从基础到高端的信息技术学习平台,我们也努力将IT学习

现在比较流行使用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请求是否完成都要向下执行。同步请求要临时锁定浏览器,当请求正在执行时不执行任何动作。

描述下这两天要实现的功能,判断一个数据se/' target='_blank'>数据库里是否存在,如果存在就返回错误,不存在就可以填写并提交。代码如下:

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封装简单实现方法

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery插件pagination实现无刷新ajax分页

    jquery插件pagination实现无刷新ajax分页

    2015-11-24 13:01

  • jQuery实现的网页左侧在线客服效果代码

    jQuery实现的网页左侧在线客服效果代码

    2015-11-14 15:48

  • JavaScript调用传递变量参数的相关问题及解决办法

    JavaScript调用传递变量参数的相关问题及解决办法

    2015-11-03 19:37

  • 从内存地址解析Java的static关键字的作用

    从内存地址解析Java的static关键字的作用

    2015-11-03 19:30

网友点评
h