2016-10-19 18 views
0

私のメインの.htmlファイル内の指定されたDIVにテンプレートをロードしようとしています。テンプレートのロードが正しくパラメータjquery.loadを渡す

$('#Selected').load("template.html",{REQUIREDID:PARENTID}) 

が、私は、変数を渡し、テンプレートでそれを使用することができません:私はjqueryのを使用しようとしています。たとえば、<div>"requiredid"</div> テンプレートを読み込むときに渡すパラメータを読み取るにはどうすればいいですか

ありがとうございました。

+0

'$('#Selected ')のように、divにパラメータを追加して後で取り出すことができますload( "template.html"、{REQUIREDID:PARENTID})。data(' val '、' requiredid ' ) ' –

答えて

1

あなたはこのように実行する必要があります。

GET:

$('#Selected').load("template.html?requiredid=VALUE_TO_PASS");

POST:

$('#Selected').load("template.html",{requiredid=VALUE_TO_PASS});

追加

が内部javascriptの方法で、以下のそれが好き

function GetURLParameter(sParam) 
    { 
     var sPageURL = window.location.search.substring(1); 
     var sURLVariables = sPageURL.split('&'); 
     for (var i = 0; i < sURLVariables.length; i++) 
     { 
      var sParameterName = sURLVariables[i].split('='); 
      if (sParameterName[0] == sParam) 
      { 
       return sParameterName[1]; 
      } 
     } 
    }​ 

をして使用します。:クエリパラメータを読み込むための

$('#someDivId').html(GetURLParameter('requiredid')); 

私は願って、それが役立ちます。

+0

どのようにその値をテンプレートに割り当てますか? – Evgeni

+0

@Evgeni私は自分の答えを更新しました。見てみな。 – gschambial

0

"requiredid"の値をサーバーから返し、変数に格納する必要があります。ロードが完了したら、Callback関数でアクセスすることができます。

1

あなたはGETパラメータとしてそれを必要としますがHow to get "GET" request parameters in JavaScript?

以上のより良い方法では、ここで見ることができるようwindow.location.searchでアクセス:場所のJavaScriptコードをtemplate.htmlの内側に、そこからグローバル変数を使用します。 template.htmlがdivコンテナに含まれている場合は、$.load関数を呼び出したメインテンプレートファイルと同じように、このファイルのJavaScriptコード内で実行できます。したがって、言い換えれば、範囲は同じです。 JavaScriptスコープについて教えてください。

編集:これは一般的な角度/反応の使用例です。これらのMVVM JavaScriptフレームワークを使用することを検討してください。