У меня есть форма php
<form action="" method="POST">
<input id="input1" name="key" type="text">
<input id="input2" name="name" type="text">
<button id="btn" type="button">Enter</button>
</form>
Я хочу отправить форму, используя ajax, вот как я это делаю
$('#btn').click(function(){
var input1 = $('#input1').val();
var input2 = $('#input2').val();
var pass = 'val1='+input1+'&val2='+input2;
$.ajax({
type: "POST",
url: "process.php",
data: pass,
success: function(data){
//success;
}
});
});
Моя проблема в том, что когда форма имеет несколько входных элементов, я должен дать идентификатор для каждого элемента, кроме получения его значения, используя $('#input1').val(), и я думаю, что это громоздкий метод.
Так есть ли способ лучше, чем этот, обрабатывать форму в ajax, возможно, при этом не нужно указывать идентификатор для каждого элемента ввода и вместо этого извлекать значения из файла обработки, используя имя элемента ввода, как в php normal отправка формы работает с помощью кнопки submit?