jQuery - AJAX POST

Question

के लिए फॉर्म मान प्राप्त करना मैं AJAX के माध्यम से एक php फ़ाइल में फॉर्म मान पोस्ट करने का प्रयास कर रहा हूं। "डेटा" पैरामीटर के अंदर भेजने के लिए मैं अपने फॉर्म मान कैसे एकत्र करूं?

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

serialize विधि का उपयोग करें serialize()

Answer 2

आप आदानों से डेटा एकत्र करने वैल फ़ंक्शन का उपयोग कर सकते हैं: इस कोड के रूप में

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

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

Answer 3

कोशिश।

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

मुझे लगता है कि यह निश्चित रूप से काम करेंगे ..

आप भी jQuery अजाक्स के माध्यम से डेटा भेजने के लिए .serialize() समारोह का उपयोग कर सकते ..

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

धन्यवाद।

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

डॉक्स::

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 
} 

और

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

आप न कुछ और के बारे में परेशान किया है। jquery serialization इत्यादि को संभालेगा। आप डेटा जेसन ऑब्जेक्ट में सबमिट क्वेरी स्ट्रिंग पैरामीटर सबमिट = 1 जोड़ सकते हैं।

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