Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Реализация поиска от Google API


Автор: ВикторияНимфа 26.4.2013, 16:41
Нужно сделать простой сайт веб-поиска, как 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>


На этом я зависла....
помогите довести до конца

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)