パラメータをJavaScriptファイルに$ .get経由で渡します。

Question

私が使用している一連のアプリケーションの共有ヘッダを読み込もうとしています。現在、私はHTMLファイルを取得し、javascriptを実行することもできます。

$("#header-container") 
    .load("http://component.balanceinnovations.dev/header.html header", function() { 
     $.getScript("http://component.balanceinnovations.dev/js/header.js");  
}); 

これは素晴らしいですが、header.jsにパラメータを渡したいと思います。だから私はこれを試みている

$("#header-container") 
    .load("http://component.balanceinnovations.dev/header.html header", function() { 
     $.get("http://component.balanceinnovations.dev/js/header.js", { cityID: '4274356' }, undefined, 'script'); 
}); 

header.jsどのようにこのパラメータを参照できますか？それが可能であれば。

Answer 1

可能性があります。 jQuery's websiteによれば、$ .getScript関数は "Ajax関数の省略形です。これは...と等価です"（以下の$ .ajaxコードを参照）。サーバーにデータを渡すには、$.ajax関数を使用する必要があります。 getScript pageに$アヤックス例にAjax pageからデータ属性を追加することで、それは次のようになります...

$.ajax({ 
    url: "http://component.balanceinnovations.dev/header.html", 
    data: { cityID: '4274356' }, 
    dataType: "script", 
    success: successFn 
}); 

function successFn(data) { 
    $("#header-container").html(data); 
} 

Answer 2

の$に.get（URL、成功）を使用することにより、ロードするように要求していますJavaScriptファイルをサーバーからダウンロードします。スクリプトにパラメータを渡すことはできません。

このようにすることができます。

var cityID = 4274356; 
$("#headercontainer").load("http://component.balanceinnovations.dev/header.html header", function() { 
     $.getScript("http://component.balanceinnovations.dev/js/header.js", function(data) { 
     //once download was performed then here you can pass your parameters into header.js. 
     });  
}); 

編集：あなたはheader.jsをロードする前にグローバル変数を定義し、以下のようなあなたの機能を変更することができる生命維持を用いた場合には
。

(function(cityID) { 
    // cityID == 4274356' 

})(cityID);