jQuery $ .post() प्रपत्र प्रस्तुत करने के लिए विधि का उपयोग कैसे करें महत्व देता

Question

मैं एक रूप और एक अन्य पेज यहाँ प्रपत्र मूल्य पर कार्रवाई करने के साथ 1 मुख्य पृष्ठ है 2 पृष्ठ

पर्चा पृष्ठ का स्रोत कोड हैं:

<meta charset="UTF-8"> 
<title>Form Page</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="process.php" method="post" id="reg-form"> 
     Username: <input type="text" id="username" name="username"> 
     <br> 
     Password: <input type="password" id="password" name="password"> 
     <br> 
     <button type="submit" id="submit-btn">Traditional Submit</button> 
     <button type="button" id="post-btn">$.Post Submit</button> 
</form> 
<script> 
    $("#post-btn").click(function(){   
     $.post("process.php",function(data){ 
      alert(data); 
     }); 
    }); 
</script> 

प्रक्रिया पृष्ठ:

<?php 
$username=$_POST["username"]; 
$password=$_POST["password"]; 
echo "Username: ".$username; 
echo "<br>"; 
echo "Password: ".$password;?> 

अगर मैं क्लिक करें "पारंपरिक सबमिट करें "buttton, यह पूरी तरह से अच्छी तरह से काम करता है।

लेकिन जब मैं क्लिक करें "$ .Post सबमिट करें" बटन, मैं सिर्फ त्रुटि संदेश प्राप्त हो रहा है "नोटिस: अपरिभाषित सूचकांक ..."

मैं समझ नहीं सकता है, जहां समस्या है, कृपया मदद कृपया जांच और ठीक है, अग्रिम धन्यवाद!

Answer 1

आप चुन सकते हैं और साथ ही प्रपत्र डेटा भेजने के लिए:

$("#post-btn").click(function(){   
    $.post("process.php", $("#reg-form").serialize(), function(data) { 
     alert(data); 
    }); 
}); 

jQuery serialize विधि के लिए दस्तावेज़ है, जो एक में प्रपत्र फ़ील्ड्स से डेटा encodes पर एक नजर डालें डेटा-स्ट्रिंग को सर्वर पर भेजा जाना है।

Answer 2

val() का उपयोग कर अपने बक्सें का मूल्य प्राप्त करें और उन्हें एक चर में संग्रहीत करते हैं। $.post के माध्यम से उन मान पास करें। $.Post Submit button का उपयोग कर में आप वास्तव में फार्म निकाल सकते हैं।

<script> 

    username = $("#username").val(); 
    password = $("#password").val(); 

    $("#post-btn").click(function(){   
     $.post("process.php", { username:username, password:password } ,function(data){ 
      alert(data); 
     }); 
    }); 
</script> 

Answer 3

Yor $.post कोई डेटा नहीं है। आपको फॉर्म डेटा पास करना होगा। आप प्रपत्र डेटा पोस्ट करने के लिए serialize() उपयोग कर सकते हैं। प्रयास करें इस

$("#post-btn").click(function(){ 
    $.post("process.php", $('#reg-form').serialize() ,function(data){ 
     alert(data); 
    }); 
});