html实现不跳转调用php,javascript – 在动作中以HTML格式调用php但不重定向

我有一个HTML表单如下：

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

Send

验证定义如下：

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文件？

解决方法:

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);

},

});

}

}

Send

标签：php,javascript,forms,html

来源： https://codeday.me/bug/20190714/1460031.html