jquery/ajax ile form gönderiminde veri aktarımı

Question

jquery/ajax kullanarak yaklaşık 10 giriş içeren bir form göndermek istiyorum, ancak ajax.show veri dizisi ile veriyi nasıl iletebilirim bilmiyorum Onları?

Answer 1

jQuery.serialize sizin için yararlı olabilir. Göndermek istediğiniz formun tüm alanları için name özelliğini kullanmanız önemlidir. İlgili kod, aşağıdaki

$("form#myFormId").submit(function() { 
    var mydata = $("form#myFormId").serialize(); 
    console.log(mydata); // it's only for test 
    $.ajax({ 
     type: "POST", 
     url: "myUrlToPostData.php", 
     data: mydata, 
     success: function(response, textStatus, xhr) { 
      console.log("success"); 
     }, 
     error: function(xhr, textStatus, errorThrown) { 
      console.log("error"); 
     } 
    }); 
    return false; 
}); 

Answer 2

$.ajax({ 
type: "POST", 
url: "handle.php", 
data: "n="+name+"&e="+email, 
success: function() { 
alert('It worked'); 
} 
}); 

İşte bunu kullanmanın en kolay yolu. Bu sadece iki post değişkenini, $ _POST ['n'] ve $ _POST ['e'], handle.php'ye gönderir. senin ajax bir işlev çağrıldığında gönderme (ise Formunuz) şu şekilde görünecektir:

<form id="form" onsubmit="send(this.name.value, this.email.value); return false;">