使用 ajax 从 php 脚本返回成功/失败变量

Question

我是一个真正的新程序员，正在为一项我现在正在努力并尝试了几天的任务而苦苦挣扎。

我搜索了 Google 和 Stack Overflow，但找不到（对我来说可以理解的）我的问题的解决方案：

我创建了一个 Twitter Bootstrap 登录页面，点击后会显示一个模式。在这个模式中，我有一个订阅时事通讯的表单：

 <form id="newsletter" method="post">
    <label for="email">Email:</label><br/>
    <input type="text" name="email" id="email"/><br/>
    <button type="submit" id="sub">Save</button>
</form>

<span id="result"></span>    

现在我想将数据插入到 mySQL 数据库中并进行一些返回错误或成功消息的基本验证。该脚本在没有 ajax 的情况下工作正常，但可能需要更改它为 ajax 返回的内容？

    include("connection.php");

    if ($_POST['email']) {

        if(!empty($_POST['my_url'])) die('Have a nice day elsewhere.');
        if (!$_POST['email']) {
            $error.=" please enter your email address.";
        } else if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
            $error.=" please enter a valid email address.";
        }
        if($error) {
            $error= "There was an error in your signup,".$error;
        } else {
            $query="SELECT * FROM `email_list` WHERE email='".mysqli_real_escape_string($link, $_POST['email'])."'";
            $result = mysqli_query($link, $query);
            $results = mysqli_num_rows($result);
            if ($results) { 
                $error.=" this email address is already registered.";
            } else {
                $query = "INSERT INTO `email_list` (`email`) VALUES('".mysqli_real_escape_string($link, $_POST['email'])."')";
                mysqli_query($link, $query);
                $message = "Thanks for subscribing!";
            }
        }
    } 

经过大量阅读 ajax 似乎是在提交后不关闭引导模式的方法（以抑制默认事件）。

插入数据库工作正常，验证也是如此。

但我无法获得显示的不同错误消息（存储在 php 文件的 $error 变量中）或者在成功的情况下显示 $message。

这是 jquery 脚本：

$("#sub").submit(function (){
    event.preventDefault();
    $.ajax( {
        url: "newsletter2.php",
        type: "POST",
        data: {email: $("#email").val()},
        success: function(message) {
            $("#result").html(message);
        },
        error: function(error) {
            $("#result").html(error);
        }
});

我尝试在 #result 范围内的 php 脚本中显示错误和消息变量的值。

感谢任何帮助。由于我对这个领域真的很陌生，所以请非常直接地表述它。

非常感谢您。

编辑： 在 php 文件中添加了一些以创建一个数组并将消息存储在其中：

    $response = array();
    $response['success'] = $success;
    $response['error']= $errors;
    exit(json_encode($response));

但是让 ajax 工作仍然有些麻烦。尝试了简写 $.post 而不是 $.ajax 但现在他们甚至无法开始发布数据...

$("#sub").submit(function (){
    event.preventDefault();
    $.post("newsletter.php", {email: $("#email").val() });
});

非常感谢快速时间。经过数小时的测试后，我被卡住了，找不到错误。如果我定期提交表单，它工作正常，所以 php/mysql 部分不是问题。

我还意识到，当我单击“#sub”按钮时，它仍然尝试通过 get 提交表单（URL 获取传递的值）。所以我不确定 event.preventDefault();不工作？ jQuery 已安装并正在运行。

Answer 1

$.ajax 错误函数在连接错误或找不到请求的页面时被调用

您必须使用 php 打印一些文本，然后 ajax 成功函数获取此输出。然后你解析这个输出看看它是怎么回事。

最佳做法是这样的：

php部分：

$response = array();
$response['success'] = $success;
$response['general_message'] = $message;
$response['errors']  = $errors;
exit(json_encode($response));

js/html部分：

$.post("yourpage.php", a , function (data) {
    response = JSON.parse(data);
    if(response['success']){
        //handle success here
    }else{
        //handle errors here with response["errors"] as error messages
    }
});

祝你的项目好运

Answer 2

您需要将您的消息echo 发送回您的 AJAX。在您的 AJAX 成功中，您的 PHP 代码中没有消息返回到 message 变量的位置。

include("connection.php");

    if ($_POST['email']) {

        if(!empty($_POST['my_url'])) die('Have a nice day elsewhere.');
        if (!$_POST['email']) {
            $error.=" please enter your email address.";
            echo $error; die;
        } else if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
            $error.=" please enter a valid email address.";
            echo $error; die;
        }
        if($error) {
            $error= "There was an error in your signup,".$error;
            echo $error; die;
        } else {
            $query="SELECT * FROM `email_list` WHERE email='".mysqli_real_escape_string($link, $_POST['email'])."'";
            $result = mysqli_query($link, $query);
            $results = mysqli_num_rows($result);
            if ($results) { 
                $error.=" this email address is already registered.";
                echo $error; die;
            } else {
                $query = "INSERT INTO `email_list` (`email`) VALUES('".mysqli_real_escape_string($link, $_POST['email'])."')";
                mysqli_query($link, $query);
                $message = "Thanks for subscribing!";
                echo $message; die;
            }
        }
    } 

Answer 3

我基本上只是有同样的情况。我的代码结构有点不同，但它的工作原理......

$("#sub").submit(function (){
    event.preventDefault();
    $.ajax( {
        url: "newsletter2.php",
        type: "POST",
        dataType: 'json',
        data: {email: $("#email").val()},

})
   .success(function(message) {
            $("#result").html(message);
        }),
    .error(function(error) {
            $("#result").html(error);
        })

在服务器端，我使用了 C#(asp.net) 并返回了一个 Json

return Json(new { Message = "Something...", Passed = true}, JsonRequestBehavior.AllowGet);

Answer 4

好的，最后我设法通过这里的大量输入解决了这个问题。我做了以下事情：

PHP：

$response = array();
$response['success'] = $success;
$response['error'] = $error;
exit(json_encode($response));

JS：

    $("#newsletter").submit(function(event) {
            event.preventDefault();

        $.ajax({
            url: 'newsletter3.php',
            method: 'post',
            data: {email: $('#email').val()},
            success: function(data) {
                var response = JSON.parse(data);
                console.log(response);
                if (response['success']) {
                    $("#error").hide();
                    $("#success").html(response['success']);
                    $("#success").toggleClass("alert alert-success");
                } else {
                    $("#error").html(response['error']);

                    if(!$("#error").hasClass("alert alert-danger"))
                        $("#error").toggleClass("alert alert-danger");
                }
            }
        });
    });

现在的功能是您单击一个按钮并弹出一个模式，然后您可以输入您的电子邮件，php 脚本会验证它是否有效以及它是否已经在数据库中。错误和成功消息会被 JSON 编码，然后显示在一个跨度中，该跨度会根据引导类的危险或成功而改变颜色。

非常感谢你帮助我，我很高兴解决了我的第一个编码问题:)

Answer 5

我在我的 ajax 上使用它

request.done(function (response, data) {
                   $('#add--response').html(response);
});

这在 PHP 上

die("Success! Whatever text you want here");