如何使用jquery $ .post（）方法提交表单值

我有一个带有表单的主页面和另一个处理表单值的页面，这里是2页的源代码

表格页面：

   
 Username:  
 Password:  
 Traditional Submit $.Post Submit 
  $("#post-btn").click(function(){ $.post("process.php",function(data){ alert(data); }); });  

流程页面：

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

如果我点击“传统提交”按钮，它的效果非常好。

但当我点击“$ .Post Submit”按钮时，我只是不断收到错误信息“通知：未定义索引……”

我无法弄清楚问题出在哪里，请提前帮助检查和修复，提前谢谢！

Answer 1

您还必须选择并发送表单数据：

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

查看jQuery serialize方法的文档，该方法将表单字段中的数据编码为要发送到服务器的数据字符串。

Answer 2

使用val()获取文本框的值并将它们存储在变量中。 通过$.post传递这些值。 在使用$.Post Submit button您实际上可以删除表单。

Answer 3

Yor $.post没有数据。 您需要传递表单数据。 您可以使用serialize()发布表单数据。 试试这个

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