jQuery/JavaScriptでグローバル変数を設定する方法は？

Question

私はAjaxの機能を持っている：

$.ajax({ 
     url: 'http://localhost/process.php', 
     type: 'post', 
     data: '', 
     success: function(output) { 

var animal = output 

     } 
    }); 

私は、私もAjaxの機能の成功コールバックの外にページ上の任意の場所にそれを呼び出すことができるようにvar animalをグローバルに設定されるようにしたいと思います。これを行う方法？

Answer 1

は、あなたがそれをグローバル変数になりたい場合は、グローバル変数として宣言

var animal = null; 

$(function(){ 
    $.ajax({ 
     url: 'http://localhost/process.php', 
     type: 'post', 
     data: '', 
     success: function(output) { 
      animal = output 
     } 
    }); 
}); 

Answer 2

を構築する任意の関数やjQueryの外にそれを宣言します。一般的には、.jsファイルの先頭に、

var animal; 

を置きます。スコープ内の別の場所に名前を再使用しない限り、コード内のanimalへの参照はグローバル変数になります。

Answer 3

varを削除して変数globalにします。

しかし、グローバルでの作業は、デバッグが非常に難しいため、一般的に悪い習慣とみなされます。

Answer 4

動的に実行したい場合は、

jQuery.globalEval（）このメソッドは、通常のJavaScriptのeval（）をその中にそれが（動的に外部スクリプトをロードするために重要である）グローバルコンテキスト内で実行されます使用して異なる動作を

http://api.jquery.com/jQuery.globalEval/

。

$.globalEval('var animal = ' + output);