Agfdhyk

I'm trying to send input array with ajax to google script using doGet(), the problem is that I can't access it in google script. My form have multiple input fields with a name first_name and last_name. I also send a callback data, in google script I can access e.parameters.callback but I can't access e.parameters.first_name and e.parameters.last_name. When I remove the and try to access e.parameters.first_name and e.parameters.last_name, it returns undefined. You can see below the structure of e.parameters. I want to loop through each first_name and last_name parameters.

this is the html form

<form id="form1" role="form" class="form-inline">

    <div id="myRepeatingFields" clas="col-md-12">

        <div class="entry inline-form col-xs-12">

            <input class="typeahead form-control" name="first_name" type="text" placeholder="first name" />

            <input class="form-control" name="last_name" type="text" placeholder="last name" />

            <button type="button" class="btn btn-success btn-lg btn-add">

                <span class="fas fa-plus" aria-hidden="true"></span>

            </button>

        </div>

        <div class="entry inline-form col-xs-12">

            <input class="typeahead form-control" name="first_name" type="text" placeholder="first name" />

            <input class="form-control" name="last_name" type="text" placeholder="last name" />

            <button type="button" class="btn btn-success btn-lg btn-add">

                <span class="fas fa-plus" aria-hidden="true"></span>

            </button>

        </div>

        <div class="entry inline-form col-xs-12">

            <input class="typeahead form-control" name="first_name" type="text" placeholder="first name" />

            <input class="form-control" name="last_name" type="text" placeholder="last name" />

            <button type="button" class="btn btn-success btn-lg btn-add">

                <span class="fas fa-plus" aria-hidden="true"></span>

            </button>

        </div>

    </div>

    <div class="col-md-12">

        <input id="submit" type="submit" value="submit" class="btn btn-primary" />

    </div>

</form>

this is the javascript

$("#form1").submit(function(e) {

    e.preventDefault();

    var first_name = $('input[name="first_name"]')

        .map(function() {

            return this.value;

        })

        .get();



    var last_name = $('input[name="last_name"]')

        .map(function() {

            return this.value;

        })

        .get();



    var url = "https://script.google.com/macros/s/AKfycbztMLT-IofWxDIxm_K2bDhjyZZR1vOHz8OSc4Dupwle/dev?action=insertFormula&callback=insertFormulaSuccess";



    $.ajax({

        crossDomain: true,

        data: {

            first_name: first_name,

            last_name: last_name

        },

        url: url,

        method: "GET",

        dataType: "jsonp"

    });

});



function insertFormulaSuccess(data) {

    console.log(data);

}

this is the code.gs

function insertFormula(e) {

    var result = {};

    result.data = e;



    Logger.log(e.parameters.first_name); // syntax error

    Logger.log(e.parameters.last_name); // syntax error



    return ContentService.createTextOutput(

        e.parameter.callback + "(" + JSON.stringify(result) + ")"

    ).setMimeType(ContentService.MimeType.JAVASCRIPT);

}