¿Cómo enviar múltiples campos de datos a través de Ajax?

Estoy atascado: estoy tratando de enviar un formulario usando AJAX, pero no puedo encontrar una manera de enviar múltiples campos de datos a través de mi llamada AJAX.

$(document).ready(function() { $("#btnSubmit").click(function() { var status = $("#activitymessage").val(); var name = "Ronny"; $.ajax({ type: "POST", url: "ajax/activity_save.php", **data: "status="+status+"name="+name"**, success: function(msg) {... 

He intentado todo tipo de cosas:

 data: {status: status, name: name}, 

O incluso cosas como esta solo para fines de prueba:

 data: "status=testing&name=ronny", 

Pero sea lo que sea que intente, no obtengo nada en mi activity_save.php tanto, nada en mi SQL.

Entonces, ¿cuál es la syntax correcta para poner más líneas de datos en mi llamada AJAX?

La syntax correcta es:

 data: {status: status, name: name}, 

Como se especifica aquí: http://api.jquery.com/jQuery.ajax/

Entonces, si eso no funciona, alertaría esas variables para asegurarme de que tengan valores.

puede enviar datos a través de Json o mediante POST normal, aquí hay un ejemplo para Json.

  var value1 = 1; var value2 = 2; var value3 = 3; $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "yoururlhere", data: "{'data1':'" + value1+ "', 'data2':'" + value2+ "', 'data3':'" + value3+ "'}", success: function (result) { //do somthing here } }); 

Si quieres usarlo a través de una publicación normal prueba esto

  $.ajax({ type: "POST", url: $('form').attr("action"), data: $('#form0').serialize(), success: function (result) { // do somthing here } }); 

Prueba con las comillas

 data: {"status": status, "name": name} 

Debe funcionar bien.

 var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; 

después de eso puedes hacer como:

 var new_countries = countries.join(',') 

después:

 $.ajax({ type: "POST", url: "Concessions.aspx/GetConcessions", data: new_countries, ... 

Esto funciona como formato de cadena JSON.

De acuerdo con http://api.jquery.com/jquery.ajax/

 $.ajax({ method: "POST", url: "some.php", data: { name: "John", location: "Boston" } }) .done(function( msg ) { alert( "Data Saved: " + msg ); }); 

Esta funciona para mí.

Aquí está mi PHP:

 

" value=''> " value=''> " value=''>

Aquí está mi jQuery usando AJAX:

 $("#addNewVendor").click(function() { alert(); $.ajax({ type: "POST", url: "create.php", data: {vendorName: $("#vendorName_new").val(), owner: $("#owner_new").val(), city: $("#city_new").val()}, success: function(){ $(this).hide(); $('div.success').fadeIn(); showUsers() } }); }); 

Soy un principiante en ajax, pero creo que para utilizar este tipo de datos de datos “data: {status: status, name: name}” se debe establecer en JSON, es decir,

 $.ajax({ type: "POST", dataType: "json", url: "ajax/activity_save.php", data: {status: status, name: name}, 

Utilizar esta

 data: '{"username":"' + username + '"}', 

Intento mucha syntax para trabajar con laravel. Funciona para mí para laravel 4.2 + ajax.

Prueba esto:

 $(document).ready(function() { $("#btnSubmit").click(function() { var status = $("#activitymessage").val(); var name = "Ronny"; $.ajax({ type: "POST", url: "ajax/activity_save.php", data: {'status': status, 'name': name}, success: function(msg) {... 

Soy nuevo en AJAX y lo he intentado y funciona bien.

 function q1mrks(country,m) { // alert("hellow"); if (country.length==0) { //alert("hellow"); document.getElementById("q1mrks").innerHTML=""; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("q1mrks").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","../location/cal_marks.php?q1mrks="+country+"&marks="+m,true); //mygetrequest.open("GET", "basicform.php?name="+namevalue+"&age="+agevalue, true) xmlhttp.send(); } 

Esto es lo que funciona para mí después de 2 días de rascarse la cabeza; Por qué no pude obtener la configuración ‘datos’ de AJaX para enviar dos claves / valores (incluida una variable que contiene datos de imágenes en bruto) era un misterio, pero parece ser para lo que se escribió la función jQuery.param () ;

crea una matriz de params con tus variables, sin comillas:

 var params = { key_name1: var_1, key_name2: var_2 }; // etc. var ser_data = jQuery.param( params ); // arbitrary variable name 

Use la variable ser_data como su valor de datos;

  $.ajax({ type: 'POST', url: '../php_handler_url.php', data: ser_data, }).success(function(response) { alert(response); }); 

La documentación está aquí: https://api.jquery.com/jQuery.param/

¡Espero que ayude!

Tratar de usar :

  $.ajax({ type: "GET", url: "something.php", data: { "b": data1, "c": data2 }, dataType: "html", beforeSend: function(){ }, error: function(){ alert("Error"); }, success: function(data){ $("#result").empty(); $("#result").append(data); } }); });