在 ajax/jquery 调用中使用成功 function 之外的变量

Question

我有以下代码

var test;

 $.ajax({
    type: "GET",
    url: "../views/person/controller.php?actor=person&action=checkAge",
    data: "age=" + value,
    success: function(msg){
        console.log(msg);
        test = msg; 
    },
});

Validate.fail(test);

现在测试 var 应该像控制台所说的那样给出 true 或 false 。 但是 test var 给了我未定义的为什么？

Answer 1

 var test; // <-- (1) This code runs first  
 $.ajax({  // <-- (2) Then this runs  
    type: "GET",
    url: "../views/person/controller.php?actor=person&action=checkAge",
    data: "age=" + value,
    success: function(msg){
        console.log(msg); //<-- (4) Finally this is run. IF your request is a success 
        test = msg; 
    },
 });
 Validate.fail(test); // <-- (3) This runs third

查看代码运行的顺序。 您的变量此时根本不可用，因为它在通过回调触发代码时运行

Answer 2

可能是因为 Validate.fail(test) 在异步调用之后立即发生。 请记住它是异步的，这意味着它与您页面上运行的 javascript 并行执行。

Answer 3

var test;
 $.ajax({
    type: "GET",
    async: false,
    url: "../views/person/controller.php?actor=person&action=checkAge",
    data: "age=" + value,
    success: function(msg){
        console.log(msg);
        test = msg; 
    },
});
Validate.fail(test);

//让你的ajax函数同步，设置json参数“async：false”，所以javascript必须等到test被赋值。

Answer 4

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var xm;

  $("#txt").ajaxComplete(function(){
    $('#txt').html(xm);
  });

  $("button").click(function(){

    $.ajax({
      url: 'DBresult_load.php',
      dataType: 'html',
      data: { },                 //you can pass values here
      success: function(result) {xm =result;}
    });
  });


});
</script>
</head>
<body>

<div id="txt"><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>
</body>
</html>

这是从 Ajax 请求将值传递给变量的解决方案。 希望这可以帮助。

Answer 5

$.when(your_Ajax_Function()).done(function(){
            //this code is executed when all ajax calls are done
            //put your function here
            Validate.fail(test);


        });

Answer 6

当您在声明“test”之前删除“var”会发生什么？

我不确定如何使用 jQuery 处理回调函数，因为它包含在其他一些扩展方法中。但是我说在test变量的声明中将 var 排除在外的原因是var将 test 分配为相对的到范围。 如果您的回调以某种方式处理，您可能会失去定义test的范围。 您可能希望删除var分配并将其保留为全局变量。 也许这会让它可见？

编辑:: 没有意识到你在异步请求之后的函数调用中引用了这个术语——我建议在你的回调中包含最后一个语句。

:)

在 ajax/jquery 调用中使用成功 function 之外的变量

问题描述

5 个解决方案

解决方案1
27 2011-05-09 11:08:24

解决方案2
23 已采纳 2011-05-09 11:07:45

解决方案3
11 2017-02-21 20:25:22

解决方案4
3 2012-09-01 10:22:53

解决方案5
0 2022-09-23 21:25:41

解决方案6
-1 2011-05-09 11:07:10

在 ajax/jquery 调用中使用成功 function 之外的变量

问题描述

5 个解决方案

解决方案1 27 2011-05-09 11:08:24

解决方案2 23 已采纳 2011-05-09 11:07:45

解决方案3 11 2017-02-21 20:25:22

解决方案4 3 2012-09-01 10:22:53

解决方案5 0 2022-09-23 21:25:41

解决方案6 -1 2011-05-09 11:07:10

解决方案1
27 2011-05-09 11:08:24

解决方案2
23 已采纳 2011-05-09 11:07:45

解决方案3
11 2017-02-21 20:25:22

解决方案4
3 2012-09-01 10:22:53

解决方案5
0 2022-09-23 21:25:41

解决方案6
-1 2011-05-09 11:07:10