jQuery AJAX数据参数

Question

I have 10 AJAX queries with the same parameters.

$.ajax({
    global: false,
    type: 'POST',
    url: value,
    dataType: 'html',
    data: {
        firstname: $("#firstname").val(),
        lastname: $("#lastname").val(),
        surname: $("#surname").val(),
        age: $("#age").val(),
        ...
        sex: $("#sex").val()
    },
    success: function(result) {
        console.log(result);
    },
    error: function (request, status, error) {
        serviceError();
    }
});

How I can unify these parameters not to write them 10 times because I have 76 parameters?

Answer 1

First of all, create a single class for each of your param in your html something like:

<input type="text" id="param1" class="params"/>
<input type="text" id="param2" class="params"/>
<input type="text" id="param3" class="params"/>

Then in your JS:

 var callAjax = function(){    
    data = {};
    for(var i = 0; i < $('.params').length; i++){
        data[$('.params')[i].id] = $('.params')[i].val(); 
    }
    $.ajax({
            global: false,
            type: 'POST',
            url: value,
            dataType: 'html',
            data: data,
            success: function(result) {
                console.log(result);
            },
            error: function (request, status, error) {
                serviceError();
            }
        });
        }