У меня есть код ниже. Я ожидал, что он покажет в формате JSON значения и имя полей, но просто покажите это:

[объект-объект], [объект-объект], [объект-объект], [объект-объект], [объект-объект]

<script type="text/javascript">

$(document).ready(function() {


                $('#forma').submit(function() {

                    alert($(this).serializeArray());
                    return false;
                 });

});    

</script>


<form id="forma">
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

Отношении

Javi

2
ziiweb 18 Ноя 2010 в 20:47
Что вы пытаетесь от этого получить? Симпатичная печатная версия данных или что-то пригодное для использования?
 – 
wajiw
18 Ноя 2010 в 20:55

2 ответа

Лучший ответ

Это потому, что .serializeArray() возвращает массив таких объектов:

[{name: "name", value: "value"}....]

Чтобы получить видимую строку, используйте .serialize() следующим образом:

alert($(this).serialize());

Это то же самое, что и вызов $.param() в массиве, например:

alert($.param($(this).serializeArray()));

Для ясности, это формат строки данных, например. GET или POST, вы должны сами использовать JSON.stringify(), если хотите сериализовать его в JSON.

6
Nick Craver 18 Ноя 2010 в 20:50

Для тех, кто хочет более практичный код: fData = $ ("# myForm"). serializeArray (); // или $ ("# myDiv: input"). serializeArray (); //alert(fData.length) // сколько входов было подобрано var msg = ""; for (var i = 0; i Вы можете ограничить область действия блоком div внутри формы, используя вместо этого закомментированный код.

-1
gordon 3 Сен 2014 в 21:16