我有 1 个带有表单的主页和另一个用于处理表单值的页面
这是两个页面的源代码
表格页:
<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;?>
如果我点击“传统提交”按钮,它工作得很好。
但是当我单击“$.Post Submit”按钮时,我不断收到错误消息“注意:未定义索引...”
我不知道问题出在哪里,请帮忙检查并修复,先谢谢了!
您还必须选择并发送表单数据:
$("#post-btn").click(function(){
$.post("process.php", $("#reg-form").serialize(), function(data) {
alert(data);
});
});
查看 jQuery 的文档serialize http://api.jquery.com/serialize方法,它将表单字段中的数据编码为要发送到服务器的数据字符串。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)