Come inviare un modulo e passare alcuni parametri aggiuntivi a un metodo di callback $ .getJSON?

Question

so come passare alcuni parametri a un metodo di callback JQuery $ GetJSON, thanks to this question:

$.getJSON('/website/json', 
{ 
    action: "read", 
    record: "1" 
}, 
function(data) { 
    // do something 
}); 

e posso anche inviare un modulo a un metodo di callback $ GetJSON:

$.getJSON('/website/json', $(formName) 
function(data) { 
    // do something 
}); 

Ma Voglio passare alcuni parametri E inviare alcuni elementi del modulo. Come posso unire le due cose insieme?

potevo serializzare gli elementi del modulo e aggiungere manualmente alcuni parametri all'URL, e sembra che funziona:

$.getJSON('/website/json', 
    'action=read&record=1&' 
    + $(formName).serialize(), 
function(data) { 
    // do something 
}); 

Ma non sembra molto elegante. È questo il modo giusto, o c'è un modo migliore per farlo?

Answer 1

Potremmo implementare la funzionalità demonstrated in this answer come jQuery metodo campione personale che produce un oggetto di coppie chiave/valore da un formulario e lo combina con le proprietà che non sono derivati ​​dalla forma:

$.fn.formObject = function (obj) { 
    obj = obj || {}; 
    $.each(this.serializeArray(), function (_, kv) { 
     obj[kv.name] = kv.value; 
    }); 
    return obj; 
}; 

$.getJSON('/website/json', $(formName).formObject({ 
    action: "read", 
    record: "1" 
}), function(data) { 
    // do something 
}); 

Answer 2

Crea un post Ajax per inviare i dati al server. Recupera i dati dei parametri nel codice back-end insieme ai dati del modulo.

var formData = {data from form}; 

formData.action = 'read'; 
formData.post = '1'; 

$.ajax({ 
    url: '/website/json', 
    type: "post", 
    data: formData 
}).done(function (data) { 
    // remove prior values set upon request response 

    formData.action = null; 
    formData.post = null; 
});