Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2015, 10:22
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

Простая форма с ajax
Здравствуйте.

Посмотрите пожалуйста почему не отправляются данные в форме?
Код рабочий! Я его взял с сайта.

http://jsfiddle.net/pc8m7sc2/3/
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2015, 10:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от Mick_20
почему не отправляются данные в форме?
С чего ты взял, что они не отправляются?
Ответить с цитированием
  #3 (permalink)  
Старый 02.02.2015, 11:06
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Пробуй такой пример...

<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function asend() {
	//Получаем параметры
	var str = $("form#bid-form").serialize();
	alert(str);
	// Отсылаем паметры
	$.ajax({ type: "POST", data: str, url: "http://reklama006.tom.ru/templates/jblank/php/sendData.php",
			// Выводим то что вернул PHP
			success: function(html) {
				alert(html);
				//предварительно очищаем нужный элемент страницы
				$("#result").empty();
				//и выводим ответ php скрипта
				$("#result").append(html);
				//очищаем форму если успешно отправлены даные	
			}
	});
}
</script>
</head>
<body> 
<form id="bid-form" action="" method="post">
	<span class="add-on"> 
	<input class="name" type="text" name="name" size="16" /> 
	</span> 
	<span class="add-on"> 
	<input class="tel" type="text" name="tel" size="16" /> 
	</span> 
	<span class="add-on"> 
	<input class="email" type="text" name="email" size="16" /> 
	</span> 
	<input id="bid-action" onclick="asend();" type="button" value="отправить" />
</form>

<!--блок для вывода результата-->
<div id="result" style="padding: 15px 0;text-align: center;"></div>
</body>
</html>

Смотри, что вообще получается при обработке УРЛа в твоем ПХП...
Ответить с цитированием
  #4 (permalink)  
Старый 02.02.2015, 11:42
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

ничего не происходит. по идее, если поля заполнены, то данные из полей должны вывестись в блоке #results
Ответить с цитированием
  #5 (permalink)  
Старый 02.02.2015, 11:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от Mick_20
по идее, если поля заполнены, то данные из полей должны вывестись в блоке #results
Это по твоей идее...
А на деле нужно проверить:
- получил ли данные сервер
- какой ответ он сформировал
- получил ли их клиент
Ответить с цитированием
  #6 (permalink)  
Старый 02.02.2015, 11:56
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

а как проверить получил ли данные сервер?
Ответить с цитированием
  #7 (permalink)  
Старый 02.02.2015, 12:34
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

Научили смотреть ошибки))

Вот моя: Uncaught TypeError: undefined is not a function

Скриншот со строкой в которой ошибка приложил.


Как вылечить ее?
Изображения:
Тип файла: jpg 1111.jpg (15.4 Кб, 6 просмотров)
Ответить с цитированием
  #8 (permalink)  
Старый 02.02.2015, 15:08
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от Mick_20 Посмотреть сообщение
а как проверить получил ли данные сервер?
Для начала просто набрать тестовый УРЛ в браузере. Проверть серверными средствами (например записать в файл) полученные данные...
Если УРЛ "работает" нормально - пробовать отправку на странице. Смотреть, что приходит...
Ответить с цитированием
  #9 (permalink)  
Старый 02.02.2015, 15:09
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,267

Сообщение от Mick_20
undefined is not a function
Значит нет в твоем жиКвери метода serialize()...

Сообщение от Mick_20
Как вылечить ее?
Формировать параметры на отсылку самостоятельно...
Ответить с цитированием
  #10 (permalink)  
Старый 02.02.2015, 19:57
Аспирант
Отправить личное сообщение для Mick_20 Посмотреть профиль Найти все сообщения от Mick_20
 
Регистрация: 05.06.2012
Сообщений: 34

спасибо разобрался.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не передается форма в выводе результатов через ajax tot18 AJAX и COMET 4 06.03.2014 16:15
AJAX и форма Hol1killer AJAX и COMET 2 22.04.2013 12:47
простая форма авторизации sedoyksa Общие вопросы Javascript 5 01.10.2011 22:29
ajax форма обратной связи anton-mgn AJAX и COMET 7 15.09.2011 20:42
Форма обратной связи на AJAX проблемы с модальным окном pavel87 AJAX и COMET 0 26.05.2011 14:30