Обновить данные внутри div

Question

У меня есть приложение для телефонных разговоров, построенное с фреймворком7 с опцией 'pull to refresh'.

Это функция, которая активируется тяга к refesh:

 // Pull to refresh content 
     var ptrContent = $$('.pull-to-refresh-content'); 

     // Add 'refresh' listener on it 
     ptrContent.on('refresh', function (e) { 
      // Emulate 2s loading 
      setTimeout(function() { 

       $(".content-block").empty(); 

       // Refresh the data from url 
       // reload the .content-block div 

myApp.pullToRefreshDone(); 
      }, 1000); 
     }); 

Мне нужен .content-блок DIV, чтобы перезагрузить с новыми данными этого url после его опорожнения.

Не знаете, как это сделать - вышеприведенная функция работает, поскольку .content-блок опорожняется после натяжения.

Answer 1

Вам нужно будет сделать вызов AJAX, а затем использовать его вывод, в этом случае, вставить в .content-block.

Вы можете прочитать на AJAX здесь:

http://api.jquery.com/jquery.ajax/

Вот некоторые примеры кода:

$.ajax({ 
    method: "GET", 
    url: "http://..." 
}).done(function(data) { 
    // The 'data' variable will contain the json data returned, which you may loop with a foreach loop and convert it into html blocks 
    var contentBlock = ""; // This variable will contain your html 
    $(".content-block").html(contentBlock); 
});