3

Здравствуйте!

Есть сторонняя библиотека работы с шаблонами Mustache. При заполнении шаблона, я использую два входных параметра, это файл шаблона и файл содержащий JSON строку, содержимое которой подставляется в шаблон.

Первый вопрос: как загрузить эти файлы непосредственно в переменные, для передачи их в Mustache функцию, например:

html = Mustache.to_html(template, json);

Второй вопрос: Может можно сразу указывать в качестве входных параметров Mustache функции, пути к файлам:

html = Mustache.to_html(File_path_to_template, File_path_to_json);

4 ответа 4

3
function getData( url, ready ) {
  var xhr = new XMLHttpRequest();
  xhr.open( 'GET', url, true );
  xhr.onreadystatechange = function() {
   if( this.readyState === 4 && this.status !== 404 ) {
    ready( this.responseText );
   }
  }
  xhr.send();
}

getData( 'pathToTemplate', function( templateData ) {
  getData( 'pathToJSON', function( jsonData ) {
    console.log( templateData );
    console.log( jsonData );
  })
})

Асинхронный вариант, по хорошему нужно делать примерно так, а в вашем случае вообще лучше делать запросы "паралельно", здесь я кое-что писал об этом.

1

Возможно, вам подойдет такая немудреная функция:

loadURL = function(url) {
    var oRequest = new XMLHttpRequest();
    oRequest.open('GET', url, false);
    oRequest.setRequestHeader("User-Agent", navigator.userAgent);
    oRequest.send(null);

    return oRequest.responseText;
};

Я ее успешно использую в своем приложении для загрузки данных из текстовых фалов.

1
var json;
$.get('/data.json', function (data) {
 json = data;
});
alert(json.test);

На чистом JS сами пишите.

3
  • а на чем это?
    – zesen
    26 мар 2012 в 9:20
  • 1
    Это с использованием библиотеки jQuery 26 мар 2012 в 11:38
  • 2
    Да ну? var omg; $.get('url', function( data ) { omg = data; }) console.log( omg ); // -> undefined Вы бы хоть проверили чтоле.. Это не говоря о том, что это очевидно
    – user3545
    26 мар 2012 в 12:23
0

Я реши проблему так:

<script type="text/javascript">
    var html, json, template;
        jQuery(document).ready(function(){                
            jQuery.get('File.htm', {},function(temp){
                template = temp;
            }, 'text')   
        jQuery.getJSON('data.json', {} ,function(jso){
                json = jso;
        })              
            jQuery('#click').click(function(){
        html = Mustache.to_html(template, json);
        document.write(html);                                
            })
    });     
</script>
5
  • 1
    криво и раз уже юзаете jquery - делайте сразу несколько запросов
    – user3545
    26 мар 2012 в 12:26
  • а как можно сделать, что бы обходиться без jQuery('#click').click(function(){ т.е., что бы html = Mustache.to_html(template, json); document.write(html); выполнялись в теле jQuery(document).ready(function(){ а то приходится, что бы полностью сформировалась страница еще нажимать на "кнопку" на странице
    – zesen
    26 мар 2012 в 12:40
  • 1
    . (function(){ // тут ваш код }())
    – user3545
    26 мар 2012 в 12:43
  • перепробывал разные комбинации не хочет... вот например так: <script type="text/javascript"> var html, json, template; jQuery(document).ready(function(){ jQuery.get('File.htm', {},function(temp){ template = temp; }, 'text') jQuery.getJSON('data.json', {} ,function(jso){ json = jso; }) html = Mustache.to_html(template, json); document.write(html); }); </script>
    – zesen
    26 мар 2012 в 13:04
  • 1
    Я же написал в комментариях к ответу @exec - это не работает, напишите код так, как я вам предложил, либо как предложил @Антон Мухин.
    – user3545
    26 мар 2012 в 13:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.