jQuery - Nhận các giá trị biểu mẫu cho ajax POST

Question

Tôi đang cố gắng đăng các giá trị biểu mẫu qua AJAX vào một tệp php. Làm cách nào để thu thập các giá trị biểu mẫu của tôi để gửi bên trong tham số "dữ liệu"?

$.ajax({ 
     type: "POST", 
     data: "submit=1&username="+username+"&email="+email+"&password="+password+"&passconf="+passconf, 
     url: "http://rt.ja.com/includes/register.php", 
     success: function(data) 
     { 
      //alert(data); 
      $('#userError').html(data); 
      $("#userError").html(userChar); 
      $("#userError").html(userTaken); 
     } 
    }); 

HTML:

<div id="border"> 
    <form action="/" id="registerSubmit"> 
    <div id="userError"></div> 
     Username: <input type="text" name="username" id="username" size="10"/><br> 
     <div id="emailError" ></div> 
     Email: <input type="text" name="email" size="10" id="email"/><br> 
     <div id="passError" ></div> 
     Password: <input type="password" name="password" size="10" id="password"/><br> 
     <div id="passConfError" ></div> 
     Confirm Password: <input type="password" name="passconf" size="10" id="passconf"/><br> 
     <input type="submit" name="submit" value="Register" /> 
    </form> 
</div> 

Answer 1

Sử dụng phương pháp serialize:

$.ajax({ 
    ... 
    data: $("#registerSubmit").serialize(), 
    ... 
}) 

Documents: serialize()

Answer 2

bạn có thể sử dụng chức năng val để thu thập dữ liệu từ đầu vào:

jQuery("#myInput1").val(); 

http://api.jquery.com/val/

Answer 3

thử như mã này.

$.ajax({ 
     type: "POST", 
     url: "http://rt.ja.com/includes/register.php?submit=1", 
     data: "username="+username+"&email="+email+"&password="+password+"&passconf="+passconf, 

     success: function(html) 
     { 
      //alert(html); 
      $('#userError').html(html); 
      $("#userError").html(userChar); 
      $("#userError").html(userTaken); 
     } 
    }); 

tôi nghĩ rằng điều này sẽ làm việc chắc chắn ..

bạn cũng có thể sử dụng chức năng .serialize() cho việc gửi dữ liệu thông qua jquery Ajax ..

i.e: data : $("#registerSubmit").serialize() 

Cảm ơn.

Answer 4

var username = $('#username').val(); 
var email= $('#email').val(); 
var password= $('#password').val(); 

Answer 5

var data={ 
userName: $('#userName').val(), 
email: $('#email').val(), 
//add other properties similarly 
} 

và

$.ajax({ 
     type: "POST", 
     url: "http://rt.ja.com/includes/register.php?submit=1", 
     data: data 

     success: function(html) 
     { 
      //alert(html); 
      $('#userError').html(html); 
      $("#userError").html(userChar); 
      $("#userError").html(userTaken); 
     } 
    }); 

Bạn không cần phải bận tâm về bất cứ điều gì khác. jquery sẽ xử lý tuần tự hóa vv, bạn cũng có thể nối thêm tham số chuỗi truy vấn submit submit = 1 vào đối tượng json dữ liệu.

Answer 6

$("#registerSubmit").serialize() // returns all the data in your form 
$.ajax({ 
    type: "POST", 
    url: 'your url', 
    data: $("#registerSubmit").serialize(), 
    success: function() { 
      //success message mybe... 
    } 
});