Не передаются параметры через ajax в php

[aleksandr555]

Отправка данных в action.php

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
							<script type="text/javascript">
							
							$(document).ready(function(){
								$("#imgLoad").hide(); // Скрываем прелоадер
							});

							var num = 1; //чтобы знать с какой записи вытаскивать данные
							var f 					= $('#f').val();
							var id_order 			= $('#id_order').val();
							var i 					= $('#i').val();
                                                        var o					= $('#o').val();
							
							

							$(function() {
								$("#load div").click(function(){ // Выполняем если по кнопке кликнули
		
									$("#imgLoad").show(); // Показываем прелоадер
		
									$.ajax({
										
										url: "action.php", // Обработчик
										type: "POST",       // Отправляем методом GET
										data: { "f":f ,"i":i, "id_order":id_order, "o":o},
										cache: true,			
									success: function(response){
										if(response == 0){ // Смотрим ответ от сервера и выполняем соответствующее действие
										alert("Больше нет записей");
										$("#imgLoad").hide();
									}else{
										$("#content").append(response);
										num = num + 1;
										$("#imgLoad").hide();
										}
									}
								});
							});
							});
							</script>

Теперь action.php

$id_order = $_POST['id_order'];
$f = $_POST['f'];
$i = $_POST['i'];


Получает только параметр $id_order , так как он формируется автоматически на первой странице index.php

<?php echo "<input type='text' name='id_order' id='id_order' value='".$id_order."'>"; ?>

остальные же поля заполняются руками:

<input type="text" name="f" id="f" placeholder="Фамилия(Лат)" >
<input type="text" id="i" placeholder="Имя(Лат)" >

[aleksandr555]

ЧТо делаю не так, почему параметр f и i не доходит до скрипта?

[laimas]

остальные же поля заполняются руками

Не важно, хоть ногами, главное что эти элементы должны быть на странице.

Управлять прелоадером, который изначально скрыт, должен Ajax.

[aleksandr555]

а почему передается только один параметр, который заполняется динамически, а остальные заполнили а передаются пустые параметры?

[aleksandr555]

<input type="text" name="f" id="f" placeholder="Фамилия(Лат)" >
<input type="text" id="i" placeholder="Имя(Лат)" >

[aleksandr555]

такое ощущение, что Value пустой, если делаю например так:

<?php echo "<input type='text' name='f' id='f' value='Иванов'>"; ?>
то все работает, а так нет
<input type="text" name="f" id="f" placeholder="Фамилия(Лат)" >

как будто value пустой

[laimas]

а почему передается только один параметр

Вы в этом уверены? И вообще, передаются формы, а у формы есть методы получения ее полей, то есть, вот это:

var f = $('#f').val();
var id_order = $('#id_order').val();
var i = $('#i').val();
var o = $('#o').val();


заменяем на $(селектор формы).serialize(), выбросив id у полей формы.

[aleksandr555]

а как получить потом

[laimas]

data: { "f":f ,"i":i, "id_order":id_order, "o":o} $(селектор формы).serialize(),
....

И это будет в $_POST.

[aleksandr555]

проверил тоже самое, может я форму не так делаю)