Нужно сделать простой сайт веб-поиска, как Google. Главная страница должна состоять из текстовое поле и кнопку "Поиск".
Когда пользователь нажимает кнопку "Поиск", то AJAX запрос должен быть отправлен на ваш веб-сайт поиска обработчика.
Поиск обработчик получает результаты поиска от Google API и возвращает это результаты обратно клиенту.
Клиент JavaScript обработчик получает данные из JSON ответа AJAX, HTML делает презентацию результатов и вставляет это в HTML страницы динамически.
Когда пользователь выполняет поиск еще раз, то новые результаты должны заменить старые на странице.
| Код | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>-- Google Web Search API Sample -- </title> <script src="https://www.google.com/jsapi" type="text/javascript"></script> <script language="Javascript" type="text/javascript"> google.load("search", "1", { "css": true }, /*{ "nooldnames": true },*/{"language": "ru" }); function OnLoad() { var searchControl = new google.search.SearchControl(null); var localSearch = new google.search.LocalSearch(); searchControl.addSearcher(localSearch); searchControl.addSearcher(new google.search.WebSearch()); searchControl.addSearcher(new google.search.VideoSearch()); searchControl.addSearcher(new google.search.BlogSearch()); searchControl.addSearcher(new google.search.NewsSearch()); searchControl.addSearcher(new google.search.ImageSearch()); searchControl.addSearcher(new google.search.BookSearch()); localSearch.setCenterPoint("Belarus"); searchControl.draw(document.getElementById("searchcontrol")); searchControl.execute(""); } google.setOnLoadCallback(OnLoad); </script> </head> <body> <div id="searchcontrol"> Loading</div> </body> </html>
|
На этом я зависла.... помогите довести до конца |