関数内のjquery変数、グローバルを扱う方法は？

Question

私は4つの異なる配列を返すjqueryでajax呼び出しを持っています。 これら3つの配列のうち3つは、Ajaxの成功関数の外で使用したいので、配列内のデータは特定のクリックイベントでアクセス可能でなければなりません。

私は配列変数を扱う最良の方法を知らないだけです。 一部の人々はグローバル行くことは悪い考えであり、他はそのOK ...そう

Ajaxの成功機能言う言う： は配列2は、他の機能によって使用され、クリックする必要があり、配列

配列1の1でものを行いますイベント

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の成功関数内ウィンドウオブジェクトに配列を割り当てます。

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

Answer 3

あなたはそれが成功の関数の外部で使用する必要がある場合は、関数の外で変数を設定します。

var myarray1= new Array(); 

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

関数のスコープ外の変数が必要な場合は「グローバルになる」ことを心配しないで、必要な場所に設定してください。良い場所は、あなたは間違いなくグローバルスコープであなたの変数をしたくないが、あなたはグローバルスコープにあることからそれらを防ぐために、機能のすべてを包むことができ$(document).ready()