Как получить данные с формы ajax?

Question

[santavits]

Есть форма

<form method="POST" id="new-order" onsubmit="event.preventDefault(); newOrder();">
								<div class="form-group">
									<div class="form-tip">Категория</div>
									<select class="input-md form-control" id="category" onChange="removeQuantity();">
										<option disabled selected id="sel">Что будем крутить?</option>
										<?php
											$html = '';
											
											foreach($stmt->fetchAll() as $row) {
												$html .= '<option value="'.$row['CategoryID'].'">'.$row['CategoryName'].'</option>';
											}
											
											echo $html;
										?>
									</select>
								</div>
								<div class="form-group">
									<div class="form-tip">Сервис</div>
									<select class="input-md form-control" id="service" name="service"
                                            onChange="selectService(this.value);
                                            nullQuantity();
											nullpost();
                                            updateMinQuantity(this.value);
                                            updateMaxQuantity(this.value);
                                            updateDescription(this.value)
                                            ">
										<option style="display:none;">Выберите категорию.</option>
									<select>
								</div>
								<div class="form-group">
									<div class="form-tip">Ссылка</div>
									<input type="text" id="order_link" name="link" class="input-md round form-control def-text" onChange="updateLinkMaxQuantity(document.getElementById('service').value, this.value)" placeholder="Ссылка" required>
								</div>
								<div class="form-group">
									<div class="form-tip">Количество</div>
									<input type="number" id="order_quantity" name="quantity" class="input-md round form-control def-text" onChange="updatePriceAuto(document.getElementById('service').value, this.value);"; placeholder="Количество" required>
								</div>
								<div class="form-group">
									<div class="form-tip">Количество бущих постов</div>
									<input type="number" id="order_postq" name="postq" class="input-md round form-control def-text" placeholder="Количество постов" required>
								</div>
								<div id="additional"></div>
								<div class="form-group">
                                        <input type="submit" name="order" class="submit_btn btn btn-mod btn-medium btn-round" value="Заказать">
								</div>
							</form>

Нужно чтобы считывались данные с поля id="quantity" и id="order_postq" и ид услуги(service)
Отправляю данные через ajax

function updatePriceAuto(ServiceID, Quantity, postq) {
	var dataString = 'action=get-autoprice&service-id='+ServiceID+'&quantity='+Quantity+'&postq='+postq;
	if(Quantity > 0 && postq>0) {
		$.ajax({
			type: "POST",
			url: "requests.php",
			data: dataString,
			cache: false,
			success: function(data){
				if(data) {
					$("#autoprice").html(data);
				}
			}
		});
	} else {
		$("#autoprice").html(0);
	}
}

Но данные до ajsx доходят только ServiceID и Quantity

данные с postq не приходят вообще, пустой результат

В чём тут ошибка???

Comments

[Дмитрий]

Добрый вечер.
Ошибки ищутся в логах сервера, консоли браузера...
Где код обработки ajax на стороне сервера?

[santavits]

slo_nik, он ещё не написан толком
Вот начало только сделано

if(GetAction('get-autoprice')) {
 $service = $_POST['service-id'];
 $quantity = $_POST['quantity'];
 $post = $_POST['postq'];
	echo $post ;
}

это проверял какие данные получает сервер от ajax получает все кроме postq

[Дмитрий]

santavits, проверьте на сервере через print_r(), что приходит с post запросом.

[santavits]

slo_nik, вот прописал
print_r($post.":".$quantity.":".$service);

Вот ответ

UNDEFINED:12:377

UNDEFINED - пустой результат

[Дмитрий]

santavits, ну вот Вам и ответ. В ajax запрос просто не попадает нужное значение.
Проверяйте параметры, которые передаёте в js функцию.

[Дмитрий]

santavits, правильней было бы использовать print_r() так.
print_r($_POST);

[santavits]

slo_nik, Так я про это и писал в самом вопросе что до ajax значение postq не доходят
Тут и спрашивал в чём ошибка

[santavits]

slo_nik, ответ то всё равно такой же только в другом формате

ARRAY ( [ACTION] => GET-AUTOPRICE [SERVICE-ID] => 377 [QUANTITY] => 12 [POSTQ] => UNDEFINED )

Если в AJAX запросе в ручную подставить результат в POSTQ то всё приходит

[Дмитрий]

santavits, так вот я и отвечаю, проверяйте начиная с этой строки, что попадает в параметры.

function updatePriceAuto(ServiceID, Quantity, postq)

Почему не попадает в функцию postq смотрите в предыдущем коде, где Вы вызываете эту функцию.

[santavits]

slo_nik, Можете дать пример, как вызвать эту функцию и получить данные в эту переменную postq?

[Дмитрий]

santavits, а где Вы её вызываете в своём коде?
Вообще-то так можно вызвать и передать параметры.
updatePriceAuto(/* сюда передаёте параметры */)

[Дмитрий]

santavits, выводите в консоль браузера переданные параметры

function updatePriceAuto(ServiceID, Quantity, postq) {
 console.log(ServiceID + ' - ' + Quantity + ' - ' + postq)
  /* остальной код */
}

[santavits]

slo_nik, postq тут вызывается впервые, до этого только в самой форме ей присвоено name="postq"

<input type="number" id="order_postq" name="postq" class="input-md round form-control def-text" placeholder="Количество постов" required>

[Дмитрий]

самой форме ей присвоено name="postq"

santavits, а значение где Вы присваиваете?

[Дмитрий]

santavits, сделайте так и в ответе должны получить "2".
function updatePriceAuto(ServiceID, Quantity, 2)

[santavits]

slo_nik, а как получить значение с этого input я не знаю, я не присваивал его не где.

В консоли ошибка тоже говорит что postq не присвоин

[Дмитрий]

santavits, так в input через value задайте значение или так как я показал.

[santavits]

slo_nik, Ну вот в input это прописал

<input type="number" id="order_postq" name="postq" onChange="updatePriceAuto(document.getElementById('service').value,Quantity, this.value);"; class="input-md round form-control def-text" placeholder="Количество постов" required>

Всё равно не получается

[Дмитрий]

santavits, вообще-то вот так удобней получать данные из формы.

$('form').on('submit', function(e){
     e.preventDefault();
     var Data = $(this).serialize()
     $.ajax({
        /*****/
       data: Data
       /*****/
    })
})

[santavits]

slo_nik, Читал про это, но не понял как правильно передать параметры серверу

[Дмитрий]

santavits, я Вам написал уже как, в параметре data.

[santavits]

slo_nik, Увы но всё равно ничего не получается

[Дмитрий]

santavits, что не получается? Задача элементарная!

[Дмитрий]

santavits, вот Вам пример, переделайте под свои нужды, без всяких функций.
HTML

<form id='test-form'>
  <input type="text" name="ServiceID" value="111">
  <input type="text" name="Quantity" value="222">
  <input type="text" name="postq" value="333">
  <input type="submit" name="submit">
</form>

JQUERY

<script>
  $('#test-form').on('submit', function(e){
    e.preventDefault();
    var Data = $(this).serialize();
    $.ajax({
      url: 'test.php',
      type: 'POST',
      data: Data,
      success: function(data){
        console.log(data);
      }
    })
  })
</script>

PHP

<?php
print_r($_POST);

В консоли браузера получите

Array
(
    [ServiceID] => 111
    [Quantity] => 222
    [postq] => 333
)

Всё, больше ничего не надо.

[santavits]

slo_nik, это совсем не то что мне надо

[Дмитрий]

santavits, да что Вы говорите?!!))) Интересно, это почему же?
Я показал Вам пример, переделывайте по себя.
Или Вы думали, что Вам тут готовое решение дадут?