Обновить часть страницы на автозаполнении с помощью JS и PHP?

Question

Хорошо, застрял здесь ... У меня есть twitter typeahead autocomplete complete box.

 <div id="sites"> 
      <span></h4>Site Review</h4><input class="typeahead form-control" type="text" placeholder="Spot Check for..."></span> 
     </div> 

На выбору автозаполнения, а не перезагрузить страницу или IFRAME, я хотел бы обновить DIV, который содержит список элементов, уникальные для каждого «сайта» хранится на сервере MySQL. Они будут извлекалось get_site_attributes.php

$('.typeahead') 
    .typeahead(/* pass in your datasets and initialize the typeahead */) 
    .on('typeahead:selected', onAutocompleted) 
    .on('typeahead:autocompleted', onSelected); 


function onAutocompleted($e, datum) { 
... 
} 

function onSelected($e, datum) { 
... 
} 

Теперь, как я перезагружать, что ДИВ с содержанием get_site_attributes.php без использования в IFRAME?

-Спасибо заранее

Answer 1

Как сказано в комментарии вы должны использовать Ajax.

Вызвать метод ajaxCall везде, где вам необходимо обновить ваше содержание DOM

Допустим, у вас есть это:

<h1 class='site_title'></h1> 

Тогда в ваших ЯШ:

var ajaxCall = function(){ 
    $.ajax({ 
    url : 'get_site_attributes.php', #or relative path 
    type : 'GET', 
    dataType:'', #whatever get_site_attributes.php is returning: html/json/... 
    success : function(data) {    
     updateDatas(data); 
    }, 
    error : function(request, error) { 
     console.log(request, error); 
    } 
}); 
} 

var updateDatas(data) = function(){ 
    # replace whatever you want in the DOM with your datas 
    # for example: 
    # $('.site_title').empty(); 
    # $('.site_title').append(data.site_title); 
}