ajax设置async校验用户名是否存在的实现方法

下面我就为大家带来一篇ajax设置async校验用户名是否存在的实现方法。现在就分享给大家,也给大家做个参考。

新增一个用户的时候,需要判断这个手机号码是否存在,最开始的想法很简单在textbox上设置一个onmouseout事件,在IE下有很好的体现,但在谷歌上却不是很有好

ok,换个思路,在提交表单的时候来检验:

//检验手机号码是否存在function checkRepeat(){var id = '${item.id}';var mobile = $("#mobile").val();//alert(id);if(id==null||id==''){$.ajax({url: '/admin/adminuser/ajaxCheckReapet.shtml?mobile='+mobile,type: 'GET',dataType: 'text',cache:false,   async:false, timeout: 5000,error: function(){alert('数据获取失败!');},success: function(msg){if("1"==msg){$("#spMobile").attr("style","display:block;color:red;");$("#hiddenMobile").attr("value","true");}else{$("#spMobile").attr("style","display:none;");$("#hiddenMobile").attr("value","false");}}});}return true;}function save(){if(checkSImg()&&checkRepeat()){var hiddenMobile = $("#hiddenMobile").val();//alert(hiddenMobile);if(hiddenMobile=='false'){if($("#form1").form("validate")){$("#form1").submit();}}}}

登录后复制

然后在这个过程中发现一个很有意思的东西:hiddenMobile返回false的时候,表单仍然提交了

啊,纠结啊,又要动脑经,FK

我想啊想,想啊想,找啊找,突然间想到了async,虽然之前没用过这个玩意,但蒙一下吧,加了个async:false,我擦,再次演示的时候,居然有作用了

cache:false,
async:false,

ajax设置async校验用户名是否存在的实现方法

好,解决问题,再来深入研究一把:哼哼,又有收获咯,自己看吧

async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)

$.ajax({      type:"POST",      url:"Venue.aspx?act=init",       dataType:"html",      success:function(result){  //function1()       f1();        f2();     }      failure:function (result) {       alert('Failed');      },  }  function2();

登录后复制

在上例中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2(),也就是说,在这个时候出现两个线程,我们这里暂且说为function1() 和function2()。

当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),知道function1()部分执行完毕。

注意

同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。

而异步则这个AJAX代码运行中的时候其他代码一样可以运行。

jquery的async:false,这个属性

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

IE下Ajax提交乱码的快速解决方法

Ajax解决缓存的5种方法总结

ajax快速解决参数过长无法提交成功的问题

以上就是ajax设置async校验用户名是否存在的实现方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2758748.html

(0)
上一篇 2025年3月8日 08:17:12
下一篇 2025年2月24日 22:03:10

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Ajax获取数据然后显示在页面的实现方法

    下面我就为大家带来一篇ajax获取数据然后显示在页面的实现方法。现在就分享给大家,也给大家做个参考。 主要功能流程介绍 循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页 代码实现流…

    2025年3月8日
    200
  • ajax同步验证单号是否存在的方法

    这篇文章主要介绍了ajax同步验证单号是否存在的方法,涉及基于ajax的数据交互相关操作技巧,需要的朋友可以参考下 本文实例讲述了ajax同步验证单号是否存在的方法。分享给大家供大家参考,具体如下: //保存前执行的方法,ajax同步调用后…

    编程技术 2025年3月8日
    200
  • Ajax 异步加载解析

    这篇文章主要为大家详细介绍了ajax 异步加载,什么是ajax 异步加载,如何实现ajax 异步加载,感兴趣的小伙伴们可以参考一下 AJAX (Asynchronous JavaScript and XML,异步的 JavaScript 和…

    2025年3月8日
    200
  • Ajax技术组成与核心原理分析

    这篇文章主要介绍了javascript性能优化之函数节流(throttle)与函数去抖(debounce),感兴趣的小伙伴们可以参考一下 本文主要为大家分析了Ajax技术组成原理,供大家参考,具体内容如下 1、Ajax特点:局部刷新、提高用…

    编程技术 2025年3月8日
    200
  • 关于Ajax技术中servlet末尾的输出流

    这篇文章主要介绍了关于ajax技术中servlet末尾的输出流的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 Ajax的服务器端用PrintWriter out=resp.getWriter()来响应数据的时候,out.pri…

    编程技术 2025年3月8日
    200
  • 利用ajax实现异步刷新请求

    ajax刷新是一种用户体验良好的刷新方式,这篇文章主要介绍了ajax异步请求刷新,感兴趣的小伙伴们可以参考一下 在网站刷新的方法中,ajax刷新是一种用户体验良好的刷新方式,在结合ssh等流行的框架!最为常用了!下面就是常用一个ajax刷新…

    编程技术 2025年3月8日
    200
  • 通过Ajax方式上传文件使用FormData进行Ajax请求

    这篇文章主要介绍了通过ajax方式上传文件使用formdata进行ajax请求的相关资料,需要的朋友可以参考下 通过传统的form表单提交的方式上传文件: Html代码  登录后复制登录后复制登录后复制 不过传统的form表单提交会导致页面…

    编程技术 2025年3月8日
    200
  • Ajax请求成功后打开新窗口地址

    这篇文章主要介绍了ajax请求成功后打开新窗口地址的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 废话不多说,关键代码如下所示: jQuery.ajax({“type”:”post”,”url”:”http://www.bai…

    编程技术 2025年3月8日
    200
  • Ajax实现智能提示搜索功能

    这篇文章主要为大家详细介绍了ajax实现智能提示搜索功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 一、效果图: 二、实现过程:   思路:  三、部分代码:html:      Google   登录后复制 css代码:  * {…

    2025年3月8日
    200
  • 反向Ajax 30分钟快速掌握

    这篇文章主要介绍了反向ajax 30分钟快速掌握的相关资料,需要的朋友可以参考下 场景1:当有新邮件的时候,网页自动弹出提示信息而无需用户手动的刷新收件箱。 场景2:当用户的手机扫描完成页面中的二维码以后,页面会自动跳转。 场景3:在类似聊…

    2025年3月8日
    200

发表回复

登录后才能评论