Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.05.2010, 16:09
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

JavaScript отправка данных методом POST
Здраствуйте! Сообственно хочу сделать вывод ошибок при заполнении формы без перезагрузки страницы с помощью JavaScript. Полностью проверку всех данных будет осуществлять php-файл на сервере, а от javascript только требуется передать данные из формы методом POST этому php-файлу, получить от него же ответ с ошибкой и вывести ее на экран.
Честно признаюсь, в программировании на JavaScript я полный нуль и силен только в php, поэтому прошу помочь мне советом, ссылкой или кодом в решении этой задачи.
Ответить с цитированием
  #2 (permalink)  
Старый 29.05.2010, 16:24
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,577

http://javascript.ru/ajax/intro
Ответить с цитированием
  #3 (permalink)  
Старый 29.05.2010, 16:41
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

micscr, спасибо за ссылку, что то я сразу не догадался глянуть мануал по Ajax. Попробую применить.
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2010, 17:24
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

Здесь в примере http://javascript.ru/ajax/intro показано только с одной кнопкой:
<input value="Голосовать!" onclick="vote()" type="button" />

а как сделать с полной формой с несколькими полями и методом POST?
форму сделал так:
<form action="" method="post">
здесь несколько полей
<input type="submit" name="submit" onclick="vote()" value="Добавить"/>
</form>

У меня при нажатии на кнопку "Добавить" все равно страница перезагружается и сообщения об ошибках не выводятся.

Последний раз редактировалось FORUS, 29.05.2010 в 17:27.
Ответить с цитированием
  #5 (permalink)  
Старый 29.05.2010, 18:01
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

<form id="x"> … </form>


$.post(url, $('#x').serialize(), function (response) {
switch (response) {
case '404 error': …; break;
case 'ok': …; break;
}
});


jQuery
Ответить с цитированием
  #6 (permalink)  
Старый 29.05.2010, 18:34
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

exec, спасибо, что написали. Если не трудно, опишите пожалуйста подробнее.
Ответить с цитированием
  #7 (permalink)  
Старый 29.05.2010, 18:46
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

<script type="text/javascript">
function sbm() {
$.post(url, $('#x').serialize(), function (response) {
switch (response) {
// Если ответ равен '404 error'
case '404 error': $('#err').html('Страница не найдена'); break;
// Если ответ равен 'OK'
case 'ok': $('#err').html('Всё ок'); break;
// Можно продолжать прописывать условия дальше. Только не забывайте про break.
}
});
}
</script>

<div id="err"> Идёт загрузка… </div>

<form id="x"> Ваша форма </form>

<input type="button" value="Проверить" onclick="sbm();" />

Последний раз редактировалось exec, 29.05.2010 в 18:50.
Ответить с цитированием
  #8 (permalink)  
Старый 29.05.2010, 19:14
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

exec, я как понял этот код просто проверяет существование какой то страницы и не подходит для задачи описанной мной в первом посте. Ради интереса проверил его на локалке, что то он не работает.
Ответить с цитированием
  #9 (permalink)  
Старый 29.05.2010, 19:27
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Цитата:
я как понял этот код просто проверяет существование какой то страницы
Он проверяет ответ сервера после того, как на страницу отправлен запрос. А '404 error' я привёл просто для примера.

Цитата:
Ради интереса проверил его на локалке, что то он не работает.
На другой домен запрос посылать нельзя.
Ответить с цитированием
  #10 (permalink)  
Старый 29.05.2010, 19:29
Интересующийся
Отправить личное сообщение для FORUS Посмотреть профиль Найти все сообщения от FORUS
 
Регистрация: 29.05.2010
Сообщений: 15

exec, извиняюсь если в чем то не понял вас, просто я в основном разрабатывал php-скрипты для wap-сайтов, а там javascript редко используют, поэтому в основном его не изучал.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка POST через JS без перехода на другую страницу m-mikle Общие вопросы Javascript 17 14.04.2010 15:24
Отправка данных методом POST с заменой HTTP_REFERRER pavluxa09 AJAX и COMET 1 16.11.2009 19:30
Вопрос про отправку данных методом Post QQQ AJAX и COMET 1 15.07.2009 23:27
Скрытая передача данных из JavaScript Xero201 Общие вопросы Javascript 4 27.03.2009 01:13
Сохранение данных на стороне клиента средствами Javascript baal1988 Events/DOM/Window 4 24.08.2008 21:32