InProgress [How to post to a ajax call offered by JSFIDDLE]

by FrictionlessPulley

HTML

<form id="targetForm">
    <input name="token" value="tokenValue" type="hidden"/>
    <input name="input1" value="ameya" />
    <input type="button" value="submit"/>
</form>
<table id="dataTable">
    <th>name</th>
    <th>value</th>
    <tr style="display:none" class="template">
        <td></td>
        <td></td>
    </tr>    
</table>

JavaScript

if (typeof SVG === undefined) {
    SVG = {};
}
if (typeof SVG.AjaxFileUpload === undefined) {
    SVG.AjaxFileUpload = {};
}

SVG.AddFormData = function(opts) {
    var _defaults = {
        formId: '#targetForm',
        //CHANGE THIS NOW
        inputArray: new Array()
    };
    var _options = $.extend(_defaults, opts);

    var dataObj = {};
    $.each(_options.inputArray, function(index, item) {
        dataObj[item] = $('input[name="' + item + '"]', _options.formId).val();
    });
    return dataObj;
}

//-- Mocker --//
SVG.MockAjax = function(postData) {
    $.ajax({
        cache: false,
        type: 'POST',
        url: '/echo/json/',
        data: {
            json: postData
        },
        success: function(data) {
            $.each(dataObj, function(index, item) {
                var newRow = $('.template', '#dataTable').clone().removeClass('template').show();
                $('td:eq(0)', newRow).html(item.name);
                $('td:eq(1)', newRow).html(item.value);
                $('#dataTable').append(newRow);
            });

        },
        error: function(error) {
            alert('there was an error');
        },
        dataType: 'json'
    });
}

$(function() {
    debugger;
    var formData = SVG.AddFormData({
        inputArray = ['token', 'input1']
    });
    $('#targetForm').submit(SVG.MockAjax(formData));


});