Передача параметра jquery.load

Question

Я пытаюсь загрузить шаблон в заданный DIV в моем основном файле .html. Я пытаюсь использовать JQuery: правильно

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

Нагрузки шаблон, но я не могу передать переменную и использовать его в шаблоне. Например <div>"requiredid"</div> Как я могу прочитать параметр, который передаю при загрузке шаблона

Спасибо.

Answer 1

Вы должны сделать так:

GET:

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

POST:

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

Добавить следующий яваскрипта метод внутри template.html прочитать параметры запроса:

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')); 

Я надеюсь, это поможет.

Answer 2

Вы должны вернуть значение для «requiredid» с сервера и сохранить его в переменной. Затем вы можете получить доступ к нему в своей функции Callback после завершения загрузки.

Answer 3

Вам это нужно в качестве параметра GET и получить доступ к нему с window.location.search, как вы можете видеть здесь How to get "GET" request parameters in JavaScript?

Или в более лучшем пути: Место JavaScript код внутри template.html и использовать глобальные переменные там. Если template.html включен в ваш контейнер div, вы можете запустить внутри этого файла JavaScript-код, как это было бы в главном файле шаблона, из которого вы вызывали функцию $.load. Итак, другими словами: область применения одинакова. Сообщите себе о облаках JavaScript.

Редактировать: Это обычный угловой/реактивный вариант использования. Подумайте о том, как использовать эти среды MVVM JavaScript.