[ Ajax ] ajax中return false/true 对外层js逻辑控制无影响

来源:互联网 发布:郑州知豆电动汽车租赁 编辑:程序博客网 时间:2024/05/17 04:42

    前段时间,开发过程中,遇到些需要异步请求的,便使用ajax来实现,结果发现里面的return值对外面的js逻辑无影响。 ajax中return false了,外面的逻辑依然继续进行(已经设置async: false), 后来试来试去,觉得估计是里面的return false/true对外面不起作用,然后问了下搞前端的同学,结果被告知果然如此。后来在网上搜了下,发现之前也有人提到这样的情况。

    后来想到用函数作用域来解决这个问题了,在外面先声明一个变量,然后在ajax中通过返回结果来更新改变量的值,最后出了ajax,通过该变量来判断js是否停止运行。

    留下自己的这个代码模式,留着自己看看。

/**

 * @desc 下面这个片段用来判断页面上面的$("#Value).val()值是否与数据库中factor所对应的的值相同

 *                相同则继续代码的后续部分,不同则直接返回false

 */

  var value = $("#Value).val();
  var factor = $("#Factor").val();
  var result = false;
 
  $.ajax({
      type : 'POST',
      url: "//url",   // 输入验证的url
      data: 'factor=' + factor,
      dataType : 'json',
      async : false,
      success: function(msg)
      {
          if (value! = msg['value'])
          {
              result= false;
              alert('factor对应value值不对!');
          }
      }
  });

  if (!result)
  {
      
      return false;
  }

原创粉丝点击