замена iframe

Question

Мне нужно сделать страницу с боковой панелью слева, а страницу поиска справа. Мне нужно выполнить поиск и показать результаты без обновления содержимого в рамке чата слева. В идеале мне нужны эти страницы, чтобы иметь возможность разговаривать друг с другом, чтобы ссылка из рамки слева могла вызвать поиск справа. Прямо сейчас я использую PHP для обработки функций поиска справа, но я могу использовать любой язык на самом деле.

Я посмотрел на iframes, но я действительно надеялся, что страница поиска будет главной страницей, так что полоса прокрутки в браузере отражает позицию на странице поиска.

Я также подумал, что это может быть сделано с помощью AJAX, но поскольку мое поле поиска - это форма, я не был уверен, как передать параметры на страницу с результатами.

Надеюсь, это имеет смысл, я уточню, что смогу. Спасибо!

Answer 1

Вы все еще можете использовать ajax. Рассмотрим jQuery:

HTML Форма поиска: Результаты

<form id="searchForm"> 
<input name="searchterm" /> 
<input type="submit" value="Search" > 
</form> 

HTML Поиск Контейнер:

<div id="searchResults"></div> 

JQuery:

$('#searchForm').on('submit', function(e) { 
    var $form = $(this); 
    e.preventDefault(); 
    $.ajax({ 
     url  : '/path/to/search.php', 
     type : 'post', 
     data : $form.serialize(), 
     success : function (data) { 
      $('#searchResults').html(data); // or parse out your data into HTML if it isnt already sent that way 
     } 
    }); 
});