Ajax Live Search Вопросы

Question

Так что в основном это задавали много раз, но я не мог найти ответ с моими потребностями. В основном я нашел много URL-адресов со ссылками, такими как example.com/ajax/search?query=Thing

У меня есть немного заголовка в работах, и в настоящее время я использую версию W3schools XML, но мне это совсем не подходит, поскольку мне нужно в основном искать IMDB для независимо от того, что вводит пользователь. После того, как они войдут, например, в «Симпсоны», он выведет все результаты поиска с именем и станет кликабельной ссылкой на ссылку IMDB, например http://www.imdb.com/title/tt0096697/, но затем замените imdb.com в этом URL-адресе с моим URL-адресом веб-сайта (Чтобы сделать его отзывчивым в некотором роде).

Но мне нужно использовать AJAX/jQuery так, чтобы он искал IMDB, поэтому использование этого метода XML-файла не будет работать.

Как работают сайты с/ajax/search, выполняющие этот тип поиска в IMDB, который используется в последнее время на торрент-сайтах.

Это где я получил мой текущий код для поиска от: Live search with PHP AJAX and XML

Но, как я сказал, что нужно работать с Ajax, Есть живой поиск, и в основном царапать/поиск на IMDB в пути, а затем изменить imdb.com к mysite.com

Обновление: мне удалось найти что-то вроде этого: http://pastebin.com/PAD5AXUK

И это HTML:

<div class="main-nav-links hidden-sm hidden-xs"> 
      <form method="GET" action="http://www.imdb.com/find" accept-charset="UTF-8" id="quick-search" name="quick-search"> 
       <div id="quick-search-container"> 
        <input id="quick-search-input" name="query" autocomplete="off" value="Quick search" type="search"> 
        <div style="background-position: -160px 0px;" class="ajax-spinner"></div> 
       </div> 
      </form> 
      <ul class="nav-links"> 
       <li> <a href="https://example.com"> Home </a> 
       </li> 
       <li> <a href="https://example.com/browse"> Browse </a> 
       </li> 
      </ul> 
      <ul class="nav-links nav-link-guest"> 
       <li> <a class="login-nav-btn" href="javascript:void(0)"> Login </a> &nbsp;|&nbsp; <a class="register-nav-btn" href="javascript:void(0)"> Register </a> 
       </li> 
      </ul> 
     </div> 

Но он все еще не работает вообще

Answer 1

вы можете это проверить. https://twitter.github.io/typeahead.js/ Проблема будет решена

Answer 2

Что касается поиска в IMDB Вы собираетесь должны использовать что-то вроде расширения PHP локон, чтобы получить содержимое с веб-сайта и анализировать их с помощью библиотеки HTML Parser.

Для поиска в реальном времени вы можете изменить URL-адрес в javascript с помощью этой функции pushState(), как в следующем ответе: Changing the url with javascript. Затем вы можете использовать некоторые JQuery, чтобы сделать его проще отправить Аякс получать запросы на свой собственный сервер, где PHP скрипт будет обрабатывать запрос на IMDB (что-то с участием

$.get("/ajax?query=TMNT", function(data) { //handle the data in here });

Тогда в этой функции обратного вызова вы можете обновить . Ваша страница с содержимым результата Вы даже могли бы сделать некоторые обработки на местном уровне, как с изменением URL в ссылку IMDB

процесс будет напоминать следующую таблицу:.

User Enters Query (TMNT) -> 
Ajax sends data to my own backend page (process.php) -> 
process.php scrapes IMDB search query and parses it with html parser -> 
outputs results which return to ajax function -> 
ajax callback function places results in a DOM element