将表单数据转换为JSON对象

这个问题在这里已经有了答案:

  • 使用jQuery将表单数据转换为JavaScript对象50个答案

  • 我在JSFiddle中添加了上述表单,并将JSON数据显示为输出。

    使用JSFiddle

    $(function() {
      $('form').submit(function() {
         $('#result').text(JSON.stringify($('form').serializeObject()));
        return false;
      });
    });
    

    使用这个jQuery插件.serializeJSON()将表单数据转换为JSON对象。

    <form id="my-profile">
    <!-- simple attribute -->
        <input type="text" name="fullName" value="Mario Izquierdo" />
    
    <!-- nested attributes -->
        <input type="text" name="address[city]" value="San Francisco" />
        <input type="text" name="address[state][name]" value="California" />
        <input type="text" name="address[state][abbr]" value="CA" />
    </form>
    

    使用Javascript:

    $('#my-profile').serializeJSON();
    
    // returns =>
    {
        fullName: "Mario Izquierdo",
    
        address: {
        city: "San Francisco",
        state: {
        name: "California",
        abbr: "CA"
        }
    }
    

    serializeJSON()函数返回一个JSON对象。


    工作Jsbin示例http://jsbin.com/oTimiGE/1/edit

    试试jquery serializeArray()方法

    http://api.jquery.com/serializeArray/

    $('form').submit(function() {
      console.log($(this).serializeArray());
      return false;
    });
    
    链接地址: http://www.djcxy.com/p/46329.html

    上一篇: Convert form data to JSON object

    下一篇: How to get form data as a object in jquery