Javascript 如何使用ajax的提交功能运行PHP脚本？

我为登录系统编写了这个JavaScript代码。我在连接到PHP文件时遇到问题。我想显示PHP脚本中的消息并隐藏此表单

    $('#submit').click(function()
    {
var email=$("#email").val();

var password=$("#password").val();
if(ck_email.test(email) && ck_password.test(password) )
{
$("#form").show().html("<h1>Thank you!</h1>");
}
return false;
});

PHP脚本

---

我知道我必须使用Ajax，但我无法获得正确的代码。

您必须向运行php脚本的Web服务器地址发送post或get请求。您得到的答案是PHP脚本的echo部分

例如，JQuery和post的用法：

    $.post(server+'index.php',{ email: $("#email").val(),formsubmitted:true, password: $("#password").val() }, function(data) {
        $("#form").show().html(data);
        });

在第一个post参数中，您指出服务器所在的位置，以及要访问的php文件。通常是这样

   server = "http://127.0.0.1/" 

作为服务器的本地主机。在第二个参数中，您为PHP脚本提供了Post变量，PHP可以在$Post['email']中使用这些变量。第三个参数是回调，当来自服务器的应答到达时将执行回调

当然，您仍然需要编辑上面发布的一些PHP以使其正常工作。例如，在使用$Email变量之前，请先从Post字段中加载该变量：

    $Email = $POST['email'];

---

我想显示“登录成功”之类的内容。但是你的代码似乎显示了电子邮件和密码？如果你想在Javascript中显示“登录成功”客户端，你必须在PHP文件中回显它。你在哪里托管你的PHP？在当地的XAMPP上？如果您可以从服务器获取并显示任何响应，那么最好进行检查。

    $Email = $POST['email'];