「名前空間」JavaScriptファイル内の関数がドロップダウンリストに入力されないのはなぜですか？

Question

2つの外部JavaScriptファイルがあり、1つは "名前空間"のように設定されていて、もう1つのファイルはそれを呼び出しています。ここで

は私の "名前空間" はここで

var GlobalScript = { 
    GetAllStates: function() { 
     $.ajax({ 
      type: "GET", 
      url: URLParam.GetStatesForDropdown, 
      contentType: "application/json; charset=utf-8", 
      success: function (data, textStatus, jqXHR) { 
       ShowStates(data); 
      } 
     }) 

    }, 
    ShowStates: function (stateData) { 
     $("#acVendorState").kendoDropDownList({ 
      dataSource: stateData, 
      dataTextField: "StateName", 
      dataValueField: "StateID", 
      animation: false, 
      optionLabel: { 
       StateName: "-- Select State --" 
      } 
     }); 
    } 
} 

はGetAllStates（）関数を呼び出しているスクリプトであるように、

$(document).ready(function() { 
    GlobalScript.GetAllStates(); 
}); 

は今、これがあれば、しかし、動作しませんどのように見えるかです"名前空間"ファイルを次のようにしてください。

function ShowStates(stateData){ 
$("#acVendorState").kendoDropDownList({ 
     dataSource: stateData, 
     dataTextField: "StateName", 
     dataValueField: "StateID", 
     animation: false, 
     optionLabel: { 
      StateName: "-- Select State --" 
     } 
    }); 
} 

var GlobalScript = { 
     GetAllStates: function() { 
      $.ajax({ 
       type: "GET", 
       url: URLParam.GetStatesForDropdown, 
       contentType: "application/json; charset=utf-8", 
       success: function (data, textStatus, jqXHR) { 
        ShowStates(data); 
       } 
      })  
     } 
    } 

次に、ドロップダウンリストを持つ私のビューに表示されます。

私の質問は、私が最初のやりかたのやり方で動作させる方法ですしている。

Answer 1

ShowStatesは変数ではありません。 GlobalScriptに割り当てられたオブジェクトのプロパティです。

ShowStates(data);がGlobalScript.ShowStates(data);

Answer 2

あなたの最初の例では

var GlobalScript = { 
    GetAllStates: function() { 
     var self = this; // <= self object created 
     $.ajax({ 
      type: "GET", 
      url: URLParam.GetStatesForDropdown, 
      contentType: "application/json; charset=utf-8", 
      success: function (data, textStatus, jqXHR) { 
       self.ShowStates(data); 
      } 
     }) 

    }, 
    ShowStates: function (stateData) { 
     $("#acVendorState").kendoDropDownList({ 
      dataSource: stateData, 
      dataTextField: "StateName", 
      dataValueField: "StateID", 
      animation: false, 
      optionLabel: { 
       StateName: "-- Select State --" 
      } 
     }); 
    } 
}