Usiłuję przekonwertować dane obecne w tabeli HTML na JSON, aby można je było odpowiednio przetworzyć po stronie serwera. Jestem w stanie serializować dane, ale wyniki w najlepszym przypadku generują odrębne tablice danych, które nie są bezpośrednio połączone. Lubię: To jest formularz, którego używam:

<form id="nameGenderForm">
    <table id="nameGenderTable">

        <tr>
            <th >Name</th>
            <th >Gender</th>
        </tr>


            <tr>
                <td><input type="text" name="studentName"></td>
                <td>
                    <select name="studentGender">
                        <option value="male">male</option>
                        <option value="female">female</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td><input type="text" name="studentName"></td>
                <td>
                    <select name="studentGender">
                        <option value="male">male</option>
                        <option value="female">female</option>
                    </select>
                </td>
            </tr>
        </table>
    <input type="submit" />
</form>

Skrypt do serializacji danych to:

$("#nameGenderForm").submit(function(event){
    event.preventDefault();

    var rawData=$('#nameGenderForm').serializeFormJSON();
    var formData=JSON.stringify(rawData);
    console.log(formData);
});

serializeFormJSON () jest tym, co dostałem po przejściu kilku stron StackOverFlow:

(function($) {
$.fn.serializeFormJSON = function() {
var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
           o[this.name] = this.value || '';
       }
   });
   return o;
};
})(jQuery);

Korzystając z tych wszystkich, jestem w stanie uzyskać coś takiego jak JSON:

{"studentName":["kenpachi","orihime"],"studentGender":["male","female"]}

Próbowałem wielu sposobów, aby uzyskać je w formacie nazwa-płeć, ale każdy sposób daje ten sam rezultat. Dwie różne tablice. Korzystanie z formularza dla każdego też nie pomogło. Czy jest jakiś sposób, aby uzyskać dane w tablicy nazwa-płeć w następujący sposób:

{"studentName":"kenpachi","studentGender":"male"},{"studentName":"orihime","studentGender":"female"}

Proszę doradź.