JS改变世界之表单快速提交

表单提交无非就将input的值向后台提交,后台在逐个读取.记得有次朋友问我,表单提交的提交协议原理是什么,我当时没怎么思考直接说就跑http(s)的传输协议..后台直接来个接收就了事.后来后来,发现这是对的..

说这么无非就是告诉你后台接收是通过input name来收值.那如果一个表单的input多于20个那每个接收不累死,好在,我发现一个js的功能,可以省去不少时间和精力.

重点: JSON.stringify($("#queryForm").serializeJson())

分析:这个直接将表单queryForm的input 转为JSON然后进行后台提交.

扩展:

function getFormData($form) {
    var unindexed_array = $form.serializeArray();
    var indexed_array = {};

    $.map(unindexed_array, function (n, i) {
      indexed_array[n['name']] = n['value'];
    });

    return indexed_array;
}

eg: JSON.stringify(getFormData($form))

然后后台只要接受这个json并且处理就可以获得表单的值.