Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 294|回复: 0

[默认分类] jquery ajax 同步异步的执行

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-7-7 10:26:36 | 显示全部楼层 |阅读模式
    大家先看一段简单的jquery ajax 返回值的js
    代码
    function getReturnAjax{
      $.ajax({
        type:"POST",
        http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx",
        data:"username="+vusername.value,
        success:function(msg){
        if(msg=="ok"){   
       showtipex(vusername.id,"<img src="images/ok.gif"/><b><font color="#ffff00">该用户名可以使用</font></b>",false)
          return true;
        }
        else
        {   
        showtipex(vusername.id,"<img src="images/cancel.gif"/><b><font color="#ffff00">该用户已被注册</font></b>",false);
          vusername.className="bigwrong";
          return false;
        }
        }
      });
      }
    但是我们调用这个getReturnAjax()发现始终取得的都是false,那就是说return true,return false根本没有起作用,在火狐下用firebug调试也证明,代码根本不会执行到return 部分。

    我们试想在函数里先定义一个变量,然后在ajax里赋值,最后在函数的末尾返回这个变量,会不会有效果呢?我们把代码修改如下:
    代码
    function getAjaxReturn()   
    {
           var bol=false;
      $.ajax({
        type:"POST",
        http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx",
        data:"username="+vusername.value,
        success:function(msg){
        if(msg=="ok"){   
       showtipex(vusername.id,"<img src="images/ok.gif"/><b><font color="#ffff00">该用户名可以使用</font></b>",false)
          // return true;
       bol=true;
        }
        else
        {   
        showtipex(vusername.id,"<img src="images/cancel.gif"/><b><font color="#ffff00">该用户已被注册</font></b>",false);
          vusername.className="bigwrong";
          //return false;
        }
        }
      });
      return bol;
      }
    结果仍然不起作用。最后解决方案有2,如下

    1、添加async:false.即修改为同步了,什么意思?(按同事解释就是,这是等这个ajax有了返回值后才会执行下面的js。一语道破天机,怪不得以前很多ajax调用里面的赋值都不起作用)。这样等ajax给bol赋值完毕后,才执行下面的js部分。而刚刚异步的话,还没有来得及赋值,就已经return了。


    代码
    function getAjaxReturn()   
    {
           var bol=false;
      $.ajax({
        type:"POST",
        async:false,
        http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx",
        data:"username="+vusername.value,
        success:function(msg){
        if(msg=="ok"){   
       showtipex(vusername.id,"<img src="images/ok.gif"/><b><font color="#ffff00">该用户名可以使用</font></b>",false)
          // return true;
       bol=true;
        }
        else
        {   
        showtipex(vusername.id,"<img src="images/cancel.gif"/><b><font color="#ffff00">该用户已被注册</font></b>",false);
          vusername.className="bigwrong";
          //return false;
        }
        }
      });
      return bol;
      }

    2、 通过传入一个函数解决这个问题。

    代码
    function getAjaxReturn(success_function,fail_function)
    {
           var bol=false;
      $.ajax({
        type:"POST",
        http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx",
        data:"username="+vusername.value,
        success:function(msg){
        if(msg=="ok"){   
       showtipex(vusername.id,"<img src="images/ok.gif"/><b><font color="#ffff00">该用户名可以使用</font></b>",false)
    success_function(msg);
        }
        else
        {   
        showtipex(vusername.id,"<img src="images/cancel.gif"/><b><font color="#ffff00">该用户已被注册</font></b>",false);
          vusername.className="bigwrong";
    fail_function(msg);
          //return false;
        }
        }
      });
    function success_function(info)
    {
    //do what you want do
    alert(info);
    }
    funciont fail_function(info)
    {
    //do what you  want do
    alert(info);
    }
    原文网址:http://www.fengfly.com/plus/view-168542-1.html
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-24 01:24 , Processed in 0.335405 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表