Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> помогите реализовать запрос через Ajax при выборS 
:(
    Опции темы
ДенисSky
Дата 5.1.2011, 22:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Нужна помощ перерыл весь инет есть похожее, но т к я начинающий в JS для меня очень тяжеловато както, только не бейте ногами))))
в общем суть
Нужно реализовать запрос и вывод информации на форму
    <script language="JavaScript">  
    function func1() { 
        var strana = document.getElementById('menu') 
        var stranaName=new Array('ang','rus','fra','ukr');
        var stranaNameRus=new Array('Англия','Россия','Франция','Украина')
        var stranaSena=new Array('232','111','333','444')
        /// что сюда вставить для обработки информации, чтобы при выборы страны в SELECT выводилось Название страны на русском и цена
    }  
    </script> 
</head>

<body>

<p>Выберите страницу для открытия</p>

    <form name=Vubor> 
        <select name="menu" id='menu' value="Выберите страну">  
        <option value="all">Все 
        <option value="ang">Англия</option> 
        <option value="rus">Россия</option> 
        <option value="fra">Франция</option> 
        <option value="ukr">Украина</option> 
        </select> 
        <INPUT Type="button" VALUE="Поиск" onClick="func1()"> 
    </form> 


еще раз извеняюсь перерыл кучу инфы, но я новичек и немогу нормально разобраться

пример как на картинке

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  aaa.jpg 65,27 Kb
PM MAIL   Вверх
Amphiluke
Дата 5.1.2011, 22:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



А причем здесь AJAX, если у вас выводимые данные зашиты прямо в Javascript-код (массивы stranaNameRus и stranaSena)? И куда эти данные должны выводиться конкретно?
PM   Вверх
ДенисSky
Дата 5.1.2011, 22:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Я считываю информацию с SELECT, (нужно сделать без перезагрузки страници) в браузере долно под селектом вывести информацию типа
 Страна    Цена
   name      sena   
возможно иначе нужно записать массив



P S по идеи JS будет в отдельном файле который я буду просто вызывать

Добавлено через 4 минуты и 58 секунд
    Вот вариант без ajax но мне нужно без обновлении страници
Да еще подскажите как всунуть индикатор загрузки при нажатии Button



<script language="JavaScript">  
    function func1() { 
        var strana = document.getElementById('menu') 
        strana=strana.options[strana.selectedIndex].value 
        var stranu = new Array(['ang','Англия','3434'],['rus','Россия','34322'],['fra','Франция','2323'],['ukr','Украина','23211']) 
        for (var i=0; i <stranu.length ; i++) { 
            if (strana==stranu[i][0]) { 
    
                document.write('Название страны  ',stranu[i][1],'<br>','Цена товара   ',stranu[i][2]) 
            } 
        } 
    }  
    </script>  
</head> 
    <body> 
    <form name=Vubor> 
        <select name="menu" id='menu' value="Выберите страну">  
        <option value="all">Все 
        <option value="ang">Англия</option> 
        <option value="rus">Россия</option> 
        <option value="fra">Франция</option> 
        <option value="ukr">Украина</option> 
        </select> 
        <INPUT Type="button" VALUE="Поиск" onClick="func1()"> 
    </form> 




Это сообщение отредактировал(а) ДенисSky - 5.1.2011, 22:26
PM MAIL   Вверх
Amphiluke
Дата 5.1.2011, 22:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Цитата(ДенисSky @  6.1.2011,  01:25 Найти цитируемый пост)
  Вот вариант без ajax но мне нужно без обновлении страници

Ну вы даете.  smile   Не всё то AJAX, что делается без обновления страницы.


Код

    function func1() { 
        var strana = document.getElementById('menu'); 
        strana=strana.options[strana.selectedIndex].value;
        var stranu = {'ang':['Англия','3434'],'rus':['Россия','34322'],'fra':['Франция','2323'],'ukr':['Украина','23211']};
        var output = '<p>Название страны: ' + stranu[strana][0]+'<br>Цена товара: '+stranu[strana][1]+'</p>';
        document.body.innerHTML += output;
    }

PM   Вверх
ДенисSky
Дата 5.1.2011, 23:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Amphiluke,  Огромное спасибо, если не трудно подскажи источник где искать индикатор загрузки при этом процесе, или исходник

PM MAIL   Вверх
Amphiluke
Дата 5.1.2011, 23:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Не вижу смысла в индикаторе загрузки в этом прцессе. Ничего ведь не загружается. Абсолютно. Вот если бы использовался AJAX, тогда другое дело. Здесь же вообще никакого общения с сервером не происходит, никаких задержек нет, так что нет надобности в индикаторе... Разве не так?
PM   Вверх
ДенисSky
Дата 5.1.2011, 23:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Цитата(Amphiluke @ 5.1.2011,  23:12)
Не вижу смысла в индикаторе загрузки в этом прцессе. Ничего ведь не загружается. Абсолютно. Вот если бы использовался AJAX, тогда другое дело. Здесь же вообще никакого общения с сервером не происходит, никаких задержек нет, так что нет надобности в индикаторе... Разве не так?

хм, смысл в том что нужно сделать через общение с сервером возможно что даже резез Ajax и с индикатором загрузки
Вот ниже пример(только выводить нужно 1ю и последнюю колонку)


Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  aaa.jpg 65,27 Kb
PM MAIL   Вверх
ДенисSky
Дата 5.1.2011, 23:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Вот индикатор


Присоединённый файл ( Кол-во скачиваний: 4 )
Присоединённый файл  cccc.jpg 35,66 Kb
PM MAIL   Вверх
ДенисSky
Дата 5.1.2011, 23:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



Ну и вот собствено результат


Присоединённый файл ( Кол-во скачиваний: 5 )
Присоединённый файл  bbbb.jpg 45,89 Kb
PM MAIL   Вверх
Amphiluke
Дата 5.1.2011, 23:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Стало быть, у вас уже готово серверное приложение (сценарий), которое будет обрабатывать AJAX-запросы? Тогда к чему вся эта музыка с массивами была?  smile  Тогда и javascript-сценарий будет совершенно другой. smile 
PM   Вверх
ДенисSky
Дата 5.1.2011, 23:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет



В том то и дето что это просто пример как сделать надо, а нужно реализовать свою модель
PM MAIL   Вверх
Amphiluke
Дата 5.1.2011, 23:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Вот тогда вам пример с AJAX  smile 
Код

    function createReqObj() {
        try {
            return new XMLHttpRequest();
        } catch(e) {
            try {
                return new ActiveXObject("Msxml2.XMLHTTP");
            } catch(e) {
                return new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
    }
    function func1(value) {
        var req = createReqObj();
        req.onreadystatechange = function() {
            if (req.readyState == 4) {
                if (req.status == 200) {
                    // скрываем индикатор загрузки
                    document.getElementById("indicator").style.display = "none";
                    // выводим данные в специальный контейнер с id="output"
                    document.getElementById("output").innerHTML = req.responseText;
                }
            }
        }
        // php.php - это ваш серверный сценарий, обрабатывающий AJAX-запросы
        request.open("GET", "php.php?country=" + encodeURIComponent(value));
        request.send(null);
        // отображаем индикатор загрузки
        document.getElementById("indicator").style.display = "block";
    }


Это сообщение отредактировал(а) Amphiluke - 5.1.2011, 23:42
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0726 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.