jquery函数中的变量，如何处理全局变量？

Question

我在 jquery 中有一个 ajax 调用，它返回 4 个不同的数组。 我想在 ajax 成功函数之外使用其中的 3 个数组，并且数组中的数据应该可用于某些单击事件。

我只是不知道处理数组变量的最佳方法。 有些人说走向全球是一个坏主意，而另一些人则说没关系..所以

ajax success 函数： 数组

array1、array2 之一需要由其他函数和单击事件使用

function display_results_1(){
$('#myDiv').html(array1.id);
}


$('#binfo').click(function(){
    $('#client_info_div').dialog({

    $('#myDiv').html(array2.id);

    });
})

这是我的 ajax 调用：

  $('#c_search').submit(function(){
           data = ($(this).serialize());

          $.ajax({
              url: 'actions/get_company.php',
              type: 'POST',
              data: data,
              cache: false,
              dataType: 'json',
              success: function(selected){
`doing stuff here`
    })
    })

我应该在每个不同函数需要时使用单独的 Ajax 调用来获取数据吗？

Answer 1

您绝对不希望变量处于全局范围内，但您可以将所有内容包装在函数中以防止它们处于全局范围内：

$(function() {
    var array1 = [];
    var array2 = [];

    function display_results_1(){
$('#myDiv').html(array1.id);
}


$('#binfo').click(function(){
    $('#client_info_div').dialog({

    $('#myDiv').html(array2.id);

    });
})

$('#c_search').submit(function(){
           data = ($(this).serialize());

          $.ajax({
              url: 'actions/get_company.php',
              type: 'POST',
              data: data,
              cache: false,
              dataType: 'json',
              success: function(selected){
`doing stuff here`
    })
    })

});

通过这样做，您将确保代码也在页面加载时运行，请注意$() 包装函数。

有关详细信息，请参阅 http://api.jquery.com/ready/。

与之前的答案相反，走向全球并不是一个好主意。您最终可能会拥有使用相同变量的多个 JavaScript 片段。

Answer 2

将数组分配给 ajax success 函数内的 window 对象：

function ajaxSuccess(response){
    window.array1 = response.array1;
    window.array2 = response.array2;
    ...
}

Answer 3

如果您需要在 success 函数外部使用它，请在函数外部设置一个变量。

var myarray1= new Array();

$.ajax(function() {....
    success(function(data) {
       myarray1 = data.array

不要担心“走向全局”，如果您需要函数范围之外的变量，请将其设置在您需要的地方。一个好地方可能是在 $(document).ready() 的开头