javascript - example - send object ajax c#

jQuery post() con serialización y datos adicionales

Question

De acuerdo, entonces estoy tratando de averiguar si es posible publicar serialize () y otros datos que están fuera del formulario.

Esto es lo que pensé que funcionaría, pero solo envía ''lista de palabras'' y no los datos del formulario.

$.post("page.php",( $(''#myForm'').serialize(), { ''wordlist'': wordlist }));

¿Alguien tiene alguna idea?

Answer 1

Cuando desee agregar un objeto javascript a los datos del formulario, puede usar el siguiente código

var data = {name1: ''value1'', name2: ''value2''};
var postData = $(''#my-form'').serializeArray();
for (var key in data) {
if (data.hasOwnProperty(key)) {
postData.push({name:key, value:data[key]});
}
}
$.post(url, postData, function(){});

O si agrega el método serializeObject() , puede hacer lo siguiente

var data = {name1: ''value1'', name2: ''value2''};
var postData = $(''#my-form'').serializeObject();
$.extend(postData, data);
$.post(url, postData, function(){});

Answer 2

En la nueva versión de jquery, podría hacerlo a través de los siguientes pasos:

• obtener matriz param a través de serializeArray()
• call push() o métodos similares para agregar parámetros adicionales a la matriz,
• llame a $.param(arr) para obtener una cadena serializada, que podría ser utilizada como parámetro de data jquery ajax.

Código de ejemplo:

var paramArr = $("#loginForm").serializeArray();
paramArr.push( {name:''size'', value:7} );
$.post("rest/account/login", $.param(paramArr), function(result) {
// ...
}

Answer 3

Me gusta mantener los objetos como objetos y no hacer ningún cambio de tipo loco. Aquí está mi camino

var post_vars = $(''#my-form'').serializeArray();
$.ajax({
url: ''//site.com/script.php'',
method: ''POST'',
data: post_vars,
complete: function() {
$.ajax({
url: ''//site.com/script2.php'',
method: ''POST'',
data: post_vars.concat({
name: ''EXTRA_VAR'',
value: ''WOW THIS WORKS!''
})
});
}
});

si no puede ver desde arriba, utilicé la función .concat y pasé un objeto con la variable post como ''nombre'' y el valor como ''valor''!

Espero que esto ayude.

Answer 4

Pruebe $.param

$.post("page.php",( $(''#myForm'').serialize()+''&''+$.param({ ''wordlist'': wordlist })));

Answer 5

Puede hacer que el formulario contenga los datos adicionales como campos ocultos que establecería justo antes de enviar la solicitud AJAX a los valores correspondientes.

Otra posibilidad consiste en utilizar esta pequeña joya para serializar su formulario en un objeto javascript (en lugar de cadena) y agregar los datos faltantes:

var data = $(''#myForm'').serializeObject();
// now add some additional stuff
data[''wordlist''] = wordlist;
$.post(''/page.php'', data);

Answer 6

Puede usar serializeArray ^[docs] y agregar los datos adicionales:

var data = $(''#myForm'').serializeArray();
data.push({name: ''wordlist'', value: wordlist});
$.post("page.php", data);

Answer 7

Puedes usar esto

var data = $("#myForm").serialize();
data += ''&moreinfo=''+JSON.stringify(wordlist);

Answer 8

Una solución alternativa, en caso de que necesite hacer esto en una carga de archivo ajax:

var data = new FormData( $(''#form'')[0] ).append( ''name'' , value );

O incluso más simple.

$(''form'').on(''submit'',function(e){
e.preventDefault();
var data = new FormData( this ).append(''name'', value );
// ... your ajax code here ...
return false;
});

Answer 9

$.ajax({
type: ''POST'',
url: ''test.php'',
data:$("#Test-form").serialize(),
dataType:''json'',
beforeSend:function(xhr, settings){
settings.data += ''&moreinfo=MoreData'';
},
success:function(data){
// json response
},
error: function(data) {
// if error occured
}
});