jQuery: serialize () form e altri parametri

È possibile inviare elementi del form (serializzati con .serialize()metodo) e altri parametri con una singola richiesta AJAX?

Esempio:

$.ajax({
    type : 'POST',
    url : 'url',
    data : {
        $('#form').serialize(),
        par1 : 1,
        par2 : '2',
        par3: 232
    }
}

In caso contrario, qual è il modo migliore per inviare un modulo insieme ad altri parametri?

Grazie

serialize() trasforma efficacemente i valori del modulo in una stringa di query valida, in quanto tale puoi semplicemente aggiungere alla stringa:

$.ajax({
    type : 'POST',
    url : 'url',
    data : $('#form').serialize() + "&par1=1&par2=2&par3=232"
}

In alternativa potresti usare form.serialize()con $.param(object)se memorizzi i tuoi parametri in qualche variabile oggetto. L'utilizzo sarebbe:

var data = form.serialize() + '&' + $.param(object)

Vedere http://api.jquery.com/jQuery.param per ulteriori riferimenti.

Non lo so, ma nessuno dei precedenti ha funzionato per me, quindi ho usato questo e ha funzionato:

Nell'array serializzato del modulo viene archiviato come coppia valore chiave

Abbiamo inserito il nuovo valore o i nuovi valori qui nella variabile del modulo e quindi possiamo passare questa variabile direttamente ora.

var form = $('form.sigPad').serializeArray();
var uniquekey = {
      name: "uniquekey",
      value: $('#UniqueKey').val()
};
form.push(uniquekey);

Se vuoi inviare dati con form serialize puoi provare questo

var form= $("#formId");
$.ajax({
    type: form.attr('method'),
    url: form.attr('action'),
    data: form.serialize()+"&variable="+otherData,
    success: function (data) {
    var result=data;
    $('#result').attr("value",result);

    }
});

passare il valore del parametro in questo modo

data : $('#form_id').serialize() + "&parameter1=value1&parameter2=value2"

e così via.

Seguendo la risposta di Rory McCrossan , se vuoi inviare un array di numeri interi (quasi per .NET), questo è il codice:

// ...

url: "MyUrl",       //  For example --> @Url.Action("Method", "Controller")
method: "post",
traditional: true,  
data: 
    $('#myForm').serialize() +
    "&param1="xxx" +
    "&param2="33" +
    "&" + $.param({ paramArray: ["1","2","3"]}, true)
,             

// ...

Puoi creare un modulo ausiliario usando jQuery con il contenuto di un altro modulo e quindi aggiungerlo ad altri parametri in modo da doverlo serializzare solo nella chiamata ajax.

function createInput(name,value){
    return $('<input>').attr({
        name: name,
        value: value
    });
}
$form = $("<form></form>");
$form.append($("#your_form input").clone());
$form.append(createInput('input_name', 'input_value'));
$form.append(createInput('input_name_2', 'input_value_2'));
....

$.ajax({
    type : 'POST',
    url : 'url',
    data : $form.serialize()
}

Risolvo il problema con l'istruzione under; invia i dati con l'URL stesso metodo GET

$.ajax({
    url: 'includes/get_ajax_function.php?value=jack&id='+id,
    type: 'post',
    data: $('#b-info1').serializeArray(),

e ottieni valore con $_REQUEST['value']OR$_GET['id']

Puoi anche usare la funzione serializeArray per fare lo stesso.