重写后的标题为:使用PHP按钮结合jQuery和POST方法来获取返回值
P粉738821035
P粉738821035 2023-09-05 08:42:27
[PHP讨论组]

我有一个简单的表单来获取用户名,并希望实现以下目标:

  • 当用户点击按钮时,按钮将被禁用以防止多次点击(在实际情况下可能需要几秒钟来处理所有数据,例如调用API、写入数据库等);
  • 点击后,需要发生新的POST请求,以便在PHP中捕获$_POST['username']并进一步处理请求。

如何实现这个目标?

代码如下,但不按预期工作:

<?php

session_start();

// 当表单提交时处理表单数据
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if(isset($_POST['submit-button'])) {
        $uname=$_POST['username'];
        header('Location: success.php');
    }
}

?>

<!DOCTYPE html>
<html>
  <head>
    <title>My Form</title>
  </head>
<body>

<form id="your_form_id" action="test4.php" method="post">
     <p><label>Username</label>
     <input id="username" type="text" name="username" value=""  autofocus/></p>
     <input type="submit" id="submit-button" name="submit" value="Login" />
</form>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $("#submit-button").on("click", function(e){
        document.getElementById("submit-button").disabled = true; 
        document.getElementById("submit-button").value="Processing, please wait...";
        document.getElementById("your_form_id").submit();
    });
</script>

</body>
</html>

P粉738821035
P粉738821035

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号