Convert HTML Form to JSON


Option -1:
function form_to_json(selector) {
    var ary = $(selector).serializeArray();
    var obj = {};
    for (var a = 0; a < ary.length; a++) obj[ary[a].name] = ary[a].value;
    return obj;
}

//Example
var mydata = form_to_json('#form');
JSON.stringify(mydata);
---------------------------------------------------------

Option-2:
Using Third party JQuery plugin- http://maxatwork.github.io/form2js/

<script src="form2js.js"></script>
<script src="jquery.toObject.js"></script>

var data = $('#form').toObject({skipEmpty:false});
JSON.stringify(data)

Submit HTML Form from JQuery

<input id="BrId" name="BrId" type="text" value="1">

<!-- HTML Form- -->
<form id="photoform" enctype="multipart/form-data" method="post" action="server-side-path">
    <input type="file" id="Photos" name="photo"/>
    <input type="hidden" name="VisitGuid" value="5" />
    <input type="hidden" name="HiddenBrId" id="HiddenBrId" value="" />
    <input type="submit" name="submit_btn" />
</form>
<script>
$('#photoform').on('submit', function (e) { 
     e.preventDefault();
     $('#HiddenBrId').val($('#BrId').val());
     $('#photoform')[0].submit();
});
</script>