Como enviar vários campos de dados via Ajax?

Estou preso: estou tentando enviar um formulário usando o AJAX, mas não consigo encontrar uma maneira de enviar vários campos de dados por meio da minha chamada 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) {... 

Eu tentei todos os tipos de coisas:

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

Ou até mesmo coisas como esta apenas para fins de teste:

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

Mas o que quer que eu tente, eu não obtenho nada no meu activity_save.php assim nada no meu SQL.

Então, qual é a syntax correta para colocar mais linhas de dados na minha chamada AJAX?

A syntax correta é:

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

Conforme especificado aqui: http://api.jquery.com/jQuery.ajax/

Então, se isso não funcionar, eu alertaria essas variables ​​para ter certeza de que elas têm valores.

você pode enviar dados através do Json ou via POST normal, aqui está um exemplo para o 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 } }); 

Se você quiser usá-lo via post normal tente isto

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

Experimente com aspas:

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

Deve funcionar bem.

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

depois disso você pode fazer como:

 var new_countries = countries.join(',') 

depois de:

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

Essa coisa funciona como formato de string JSON.

De acordo com http://api.jquery.com/jquery.ajax/

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

Este aqui funciona para mim.

Aqui está meu PHP:

 

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

Aqui está o meu 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() } }); }); 

Eu sou um novato em ajax mas acho que para usar este “dados: {status: status, nome: name}” tipo de dados de método deve ser definido como JSON ou seja

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

Usa isto

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

Eu tento muita syntax para trabalhar com o laravel que funciona para mim para o laravel 4.2 + ajax.

Tente isto:

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

Eu sou novo em AJAX e eu tentei isso e funciona bem.

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

Aqui está o que funciona para mim depois de 2 dias de coçar a cabeça; por que eu não consegui obter a configuração ‘data’ do AJaX para enviar duas chaves / valores (incluindo uma variável contendo dados de imagem bruta) era um mistério, mas parece que foi para isso que a function jQuery.param () foi escrita;

crie um array params com suas variables, sem aspas:

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

Use variável ser_data como seu valor de dados;

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

A documentação está aqui: https://api.jquery.com/jQuery.param/

Espero que ajude!

Tente 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); } }); });