Php 我想打印“我想打印”；“认购成功”；当我点击“加入”按钮时

HTML代码：

<div class="small-3 columns">
    <input type="submit" id="join" class="button postfix  " value="Join &raquo;">
    <span id="error"></span>
</div>

我使用jqueryajaxpost数据方法在用户单击join按钮时打印“Subscription successful”

jQuery代码：index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#join").click(function() {
            var vemail = $("#emailaddy").val();
            if(vemail=='') {
                alert("Please enter email address");
            } else {
                $.post("join.php", //Required URL of the page on server
                {   
                    // Data Sending With Request To Server
                    emailaddy:vemail
                },
                /*function(response,status){  // Required Callback Function
                    alert("*----Received Data----*\n\nResponse : " + response+"\n\nStatus : " + status);//"response"  receives - whatever written in echo of above PHP script.
                    $("#form")[0].reset();
                });*/
            }
            $("#error").text("hello");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#联接”）。单击（函数（）{
var vemail=$（“#emailaddy”）.val（）；
如果（vemail==“”）{
警报（“请输入电子邮件地址”）；
}否则{
$.post（“join.php”，//服务器上页面的必需URL
{   
//向服务器发送带有请求的数据
emailaddy:vemail
},
/*函数（响应，状态）{//必需的回调函数
警报（“*----接收到的数据----*\n\n响应：“+response+”\n\n状态：“+status”）；/“response”接收-以上述PHP脚本的回音写入的内容。
$（“#形式”）[0]。重置（）；
});*/
}
$（“#错误”）.text（“你好”）；
});
});

我已经创建了index.php请求的另一个页面

<?php
if($_POST["emailaddy"])
{
    $email = $_POST["emailaddy"];
    // Here, you can also perform some database query operations with above values.
   echo "Welcome ". $email ."!"; // Success Message
}
?>

您可以取消对此的注释

/*function(response,status){  // Required Callback Function
alert("*----Received Data----*\n\nResponse : " + response+"\n\nStatus : " + status);//"response"  receives - whatever written in echo of above PHP script.
$("#form")[0].reset();

如果响应为true，则显示一个带有“Subscription successful”（订阅成功）文本消息的div。

正确关闭

$.post（）

方法。并从post方法内的函数设置订阅消息。如下所示

 $.post("join.php", //Required URL of the page on server
    {   // Data Sending With Request To Server
    emailaddy:vemail
    },
    function(response,status){
    alert(response);//alerts welcome email..
    $("#error").text("Subscription successful");
    $("#form")[0].reset();
    });*/

---

首先，如果没有函数，请创建一个名为functions.php的文件。 然后创建一个函数SetFormMsg（$msg）和一个ViewFormMsg（）

代码：

并在表单末尾的html代码中创建一个元素，该元素包含：

---

*如果您希望所有这些都起作用，请在html和php/sql文档的开头都包含“functions.php”。

请尝试以下代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#join").click(function(){
        var vemail = $("#emailaddy").val();
        if(vemail=='')
        {
            alert("Please enter email address");
        }
        else{
            $.post( "join.php",{ 'emailaddy': vemail})
                .done(function( data ) {
                    $("#error").html(data);
                    $("#success").html('Subscription successful');
                });
        }

    });
});
</script>
<div class="small-3 columns">
  <span id="success"></span>
  <input type="email" name="emailaddy" id="emailaddy">
  <input type="submit" id="join" class="button postfix  " value="Join &raquo;">
  <span id="error"></span>
</div>

$（文档）.ready（函数（）{
$（“#联接”）。单击（函数（）{
var vemail=$（“#emailaddy”）.val（）；
如果（vemail==“”）
{
警报（“请输入电子邮件地址”）；
}
否则{
$.post（“join.php”，{'emailaddy'：vemail}）
.完成（功能（数据）{
$（“#错误”）.html（数据）；
$（“#success”）.html（“订阅成功”）；
});
}
});
});

如果响应成功，您可以使用.html而不是.text

---

$（“#错误”）.html（“订阅成功”）；美元（“#错误”）。文本（“订阅成功”）

什么不起作用？在php文件

if（isset（$\u POST[“emailaddy”]）

trythank您的帮助。现在我可以看到“订阅成功”消息，但在2-3秒后，页面会自动重新加载。我的问题尚未解决。页面在2-3秒后重新加载。是否使用

location.href

任意位置。从表单标记中删除

action

属性。因为您使用ajax.don完成了操作；不要忘记在

表单中设置
type=“post”
标签。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#join").click(function(){
        var vemail = $("#emailaddy").val();
        if(vemail=='')
        {
            alert("Please enter email address");
        }
        else{
            $.post( "join.php",{ 'emailaddy': vemail})
                .done(function( data ) {
                    $("#error").html(data);
                    $("#success").html('Subscription successful');
                });
        }

    });
});
</script>
<div class="small-3 columns">
  <span id="success"></span>
  <input type="email" name="emailaddy" id="emailaddy">
  <input type="submit" id="join" class="button postfix  " value="Join &raquo;">
  <span id="error"></span>
</div>