Jquery форма сериализации вопрос

Question

У меня есть форма

<form method="post"> 

<input type="text" name="name" /><br /> 
<input type="text" name="test1" /><br /> 
<input type="text" name="test2" /><br /> 
<input type="text" name="test3" /><br /> 
<input type="text" name="test4" /><br /> 
<input type="text" name="test5" /><br /> 
<input type="text" name="test6" /><br /> 
<input type="submit" name="submit" /><br /></form> 

И я написал JQuery Ajax скрипт, как этот

$(":input[ name= 'submit']").click(function(){ 

    var values = $("form").serialize(); 

    $.ajax({ 
     url:"test.php", 
     type:"post", 
     dataType:"json", 
     data: { 
      method: "test", 
      data: values 
     }, 
     success: function(){ 
      alert("success"); 
     }, 
     error:function(){ 
      alert("failure"); 
     } 
    }); 
    return false; 
}); 

data: { method: "test", data: values }

Но когда я прохожу два параметра ajax.data, я не могу получить к нему доступ как $ _POST ['name'] или $ _POST ['test1'] на стороне сервера. Но это возможно, если я добавлю только один параметр в элемент ajax.data.

Пожалуйста, принеси мне решение

Answer 1

Метод .serialize уже преобразует форму значения в пар ключ/значение, которые должны быть отправлены как есть на сервере. Если вы хотите передать дополнительные значения, вы можете использовать скрытое поле в форме.

Как это:

<form method="post"> 
    <input type="hidden" id="method" name="method" value="test" /> 

    <input type="text" name="name" /><br /> 
    <input type="text" name="test1" /><br /> 
    <input type="text" name="test2" /><br /> 
    <input type="text" name="test3" /><br /> 
    <input type="text" name="test4" /><br /> 
    <input type="text" name="test5" /><br /> 
    <input type="text" name="test6" /><br /> 

    <input type="submit" name="submit" /><br /> 
</form> 

, а затем:

$('form').submit(function() { 
    var values = $(this).serialize(); 
    $.ajax({ 
     url: "test.php", 
     type: "post", 
     dataType: "json", 
     data: values, 
     success: function(){ 
      alert("success"); 
     }, 
     error:function(){ 
      alert("failure"); 
     } 
    }); 
    return false; 
}); 

и если вам необходимо установить другое значение перед отправкой запроса AJAX:

$('#method').val('some other value'); 

Также обратите внимание, что Я подписался на событие .submit формы вместо события click кнопки отправки, которое также будет правильно обрабатывать случай, когда пользователь нажимает клавишу Enter, находясь внутри некоторых элементов ввода, тогда как ваш код не будет запущен, потому что кнопка отправки не была нажата, но форма была отправлена.

Answer 2

Вы должны сделать

data: values, 

таким образом, вы можете получить ваши данные $_POST['test1'];

, если вам нужно отправить дополнительное использование данных скрытых поля

EDIT, если вы используете два поле, как в вашем Примеру вы будете иметь данные в $_POST['data'] (здесь вы будете иметь последовательную форму) и $_POST['method']

EDIT 2 фактически $_POST['data'] - это строка (name=abc&test1=&test2=&test3=&test4=&test5=&test6=), потому что для сервера задана строка, если вы получаете доступ к $_POST['data']['name'], это возвращает n, потому что в php вы можете получить доступ к строкам в виде массивов, в вашем случае вы не передаете действительный индекс, и он возвращает первый символ

$name = "aghjsghjgj"; 
echo $name['name'];//this echoes the first letter as name is not a valid index 

echo $name[2];//this echoies the third letter , h 

http://codepad.org/ferFnrKW