jQuery - Ottenere i valori del modulo per ajax POST

Question

Sto cercando di inviare valori di modulo tramite AJAX a un file php. Come posso raccogliere i valori del mio modulo per inviare all'interno del parametro "dati"?

$.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

utilizzare il metodo serialize:

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

Documenti: serialize()

Answer 2

è possibile utilizzare la funzione val per raccogliere i dati dagli ingressi:

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

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

Answer 3

prova come questo codice.

$.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); 
     } 
    }); 

Penso che questo funzionerà sicuramente ..

è anche possibile utilizzare la funzione .serialize() per l'invio dei dati tramite jQuery Ajax ..

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

Grazie.

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 
} 

e

$.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); 
     } 
    }); 

Non dovete preoccuparsi di qualsiasi altra cosa. jquery gestirà la serializzazione ecc. inoltre è possibile aggiungere il parametro stringa query submit submit = 1 nell'oggetto json dati.

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