Question

我在wordpress插件中使用ajax帖子来提交和验证表单值。这是我第一次使用ajax而且对它是如何工作有点困惑。这是我的ajax帖子：

           jQuery.ajax({

                type:"post",
                dataType:"json",
                url: myAjax.ajaxurl,
                data: {action: 'submit_data', info: info},
                success: function(response) {
                    if (response.type == "success") {

                        alert("success");
                    }
                    else {

                        alert("fail");
                    }
                }
            });

这会将数据发布到名为submit_data的php函数，如下所示：

function submit_data() {

    $nameErr = $emailErr = $phoneErr = $commentErr = "";
    $full = explode("&", $_POST["info"]);
    $fname = explode(":", $full[0]);
    $name = $fname[1];
    $femail = explode(":", $full[1]);
    $email = $femail[1];
    $fphone = explode(":", $full[2]);
    $phone = $fphone[1];
    $fcomment = explode(":", $full[3]);
    $comment = $fcomment[1];

    if ((empty($name)) || (strlen($name) < 4)){

        $nameErr = "Please enter a name";
    }
    else if (!preg_match("/^[a-zA-Z ]*$/", $name)) {

        $nameErr = "Please ensure you have entered your name and surname";
    }


    if (empty($email)) {

        $emailErr = "Please enter an email address";
    }
    else if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/", $email)) {

        $emailErr = "Please ensure you have entered a valid email address";
    }


    if (empty($phone)) {

        $phoneErr = "Please enter a phone number";
    }
    else if (!preg_match("/(?:\(?\+\d{2}\)?\s*)?\d+(?:[ -]*\d+)*$/",$phone)) {

        $phoneErr = "Please ensure you have entered a valid phone number";
    }


    if ((empty($nameErr)) && (empty($emailErr)) && (empty($phoneErr)) && (empty($commentErr))) {

        $conn = mysqli_connect("localhost", "Mikey", "Change0", "plugindatadb");
        mysqli_query($conn, "INSERT INTO data (Name, Email, Phone, Comment) VALUES ('$name', '$email', '$phone', '$comment')");
    }
    else {

        $errorArray = array();
        if (!empty($nameErr)) {

            $errorArray["nameErr"] = $nameErr;
        }
        if (!empty($emailErr)) {

            $errorArray["emailErr"] = $emailErr;
        }
        if (!empty($phoneErr)) {

            $errorArray["phoneErr"] = $phoneErr;
        }
        if (!empty($commentErr)) {

            $errorArray["commentErr"] = $commentErr;
        }

    }

    die();
}

我的问题是，如果submit_data函数成功运行且没有错误，那么代码是否会运行ajax成功函数？或者ajax成功函数是否在遇到submit_data结束之前运行？

Answer 1

AJAX中的成功函数在收到服务器的响应后运行。

即。 submit_data完成执行后。

错误：请求失败时要调用的函数。该函数接收三个参数：jqXHR（在jQuery 1.4.x，XMLHttpRequest中）对象，描述发生的错误类型的字符串和可选的异常对象（如果发生）。第二个参数的可能值（除了null）是“timeout”，“error”，“abort”和“parsererror”。发生HTTP错误时，errorThrown会收到HTTP状态的文本部分，例如“Not Found”或“Internal Server Error”。

<强>成功如果请求成功则调用的函数。该函数传递三个参数：从服务器返回的数据，根据dataType参数格式化;描述状态的字符串;和jqXHR（在jQuery 1.4.x，XMLHttpRequest）对象。

Reference

使用Ajax帖子（比特混淆）

1 个答案: