javascript – 在动作中以HTML格式调用php但不重定向

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在动作中以HTML格式调用php但不重定向，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1478字，纯文字阅读大概需要3分钟。

内容图文

我有一个HTML表单如下：

<form id="ContactForm" name="ContactForm" method="post" action="emailinfo.php">

然后是一个调用verify()的提交按钮：

<a href="#" class="button1" onClick="verify()">Send</a>

验证定义如下：

function verify() {
    if(document.getElementById("name").value=="" || document.getElementById("email").value=="") {
        alert("Please enter a name and an email.");
    } else {
        alert("Looks good, sending email");
        document.getElementById('ContactForm').submit();
    }
}

目前,当我点击提交按钮时,浏览器会重定向到emailinfo.php,这只是一个空白的白色屏幕,因为该php文件只发送一封电子邮件而不执行任何其他操作.如何在不重定向的情况下运行该php文件？

解决方法:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
function verify() {
 if(document.getElementById("name").value=="" || document.getElementById("email").value=="") {
    alert("Please enter a name and an email.");
 } else {
    alert("Looks good, sending email");
    //document.getElementById('ContactForm').submit();
    var name=$('#name').val();
    var email=$('#email').val();
    var  formData = "name="+name+"&email="+email;
    $.ajax({
        url : "emailinfo.php",
        type: "POST",
        data : formData,
        success: function(data, textStatus, jqXHR)
        {
            //data - response from server
            alert(data);
        },

    });
  }
}

</script>
<form id="ContactForm" name="ContactForm" method="post" action="">
<input  type="text" name="name" id="name"/>
<input  type="text" name="email" id="email"/>
<a href="#" class="button1" onClick="verify()">Send</a>
</form>

内容总结

以上是互联网集市为您收集整理的javascript – 在动作中以HTML格式调用php但不重定向全部内容，希望文章能够帮你解决javascript – 在动作中以HTML格式调用php但不重定向所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端