jQuery AJAX Datenparameter

Question

Ich habe 10 AJAX-Abfragen mit den gleichen Parametern.

$.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(); 
    } 
}); 

Wie kann ich diese Parameter vereinheitlichen, um sie nicht 10 mal zu schreiben, weil ich 76 Parameter habe?

Answer 1

Zunächst einmal eine einzige Klasse für jede Ihrer param in Ihrem HTML so etwas wie erstellen:

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

Dann in Ihrem 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(); 
      } 
     }); 
     } 

Answer 2

Fügen Sie Ihren Wert in Array-Variable dann Pass auf Daten