将数据表单作为对象的Json文件

Question

我的json对象应该如下所示，这是在提交表单时生成的：

{             ＆＃34;范围＆＃34;：{                 ＆＃34; l1_price＆＃34 ;:                     {＆＃34;来自＆＃34;：＆＃34; 0＆＃34;，＆＃34;到＆＃34;：＆＃34; 260k＆＃34;，＆＃34;价格＆＃34;：＆＃34; Rs .02＆＃34;}，                 ＆＃34; l2_price＆＃34 ;:                     {＆＃34;来自＆＃34;：＆＃34; 260k＆＃34;，＆＃34;到＆＃34;：＆＃34; 500k＆＃34;，＆＃34;价格＆＃34;：＆＃34; Rs .04＆＃34;}，                 ＆＃34; l3_price＆＃34 ;:                     {＆＃34;来自＆＃34;：＆＃34; 500k＆＃34;，＆＃34;到＆＃34;：＆＃34; 1MM＆＃34;，＆＃34;价格＆＃34;：＆＃34; Rs .007＆＃34;}，                 ＆＃34; l4_price＆＃34 ;:                     {＆＃34;来自＆＃34;：＆＃34; 1MM＆＃34;，＆＃34;到＆＃34;：＆＃34; 2MM＆＃34;，＆＃34;价格＆＃34;：＆＃34; Rs .003＆＃34;}              }

    }

现在表单如下：

     <form class="json_out">
        <p>
          l1_price:
          <input type="text" name="from_l1" placeholder="from range">
          <input type="text" name="to_l1" placeholder="to range">
          <input type="text" name="price_l1" placeholder="price">
        </p>
        <p>
          l2_price:
          <input type="text" name="from_l2" placeholder="from range">
          <input type="text" name="to_l2" placeholder="to range">
          <input type="text" name="price_l2" placeholder="price">
        </p>
        <p>
          l3_price:
          <input type="text" name="from_l3" placeholder="from range">
          <input type="text" name="to_l3" placeholder="to range">
          <input type="text" name="price_l3" placeholder="price">
        </p>
        <p>
          l4_price:
          <input type="text" name="from_l4" placeholder="from range">
          <input type="text" name="to_l4" placeholder="to range">
          <input type="text" name="price_l4" placeholder="price">
        </p>    
        <p>
          <input type="submit" value="Submit">
          <input type="reset" value="Reset">
        </p>
    </form>

最后我想在提交表单时将数据发送到data.json文件。

JavaScript代码：

<script>
$('form.json_out').submit(function(e) {
    var values = {};
    var range = {};
    var rates = [];
    var thresholds = [];
    var result = {};
    e.preventDefault();
    $.each($('form.json_out').serializeArray(), function(i, field) {
        if(field.name){
            temp = {};
            name_split = field.name.split('_');
            price_lev = name_split[1] + '_' + 'price';
            val_str = name_split[0];
            val = field.value;
            temp[val_str] = val
            if (val_str == 'price'){rates.push(val)};
            if (val_str == 'to'){thresholds.push(val)};
            if (range[price_lev]){
                res = range[price_lev]
                res[val_str] = val
                range[price_lev] = res
            }
            else{
                range[price_lev] = temp;
            }
        }

    });
    result['range'] = range
    result['rates'] = rates
    result['thresholds'] = thresholds       

});
</script>