javascript - 如何使用将响应发送回ajax并单独处理每个响应

Question

在第 1 页:正在处理加载 Page2 的 AJAX 脚本

第 2 页:将运行 mysqli 数据库查询，如果数据库查询成功，我想将成功响应发送回 AJAX 查询并重新加载页面。如果数据库查询失败，我想将失败响应发送回 AJAX 查询并重定向到失败页面。

这可能吗？我该怎么写这个？我是 AJAX 新手，已经查看了一些 AJAX 脚本并阅读了文档，但我通过尝试代码来找到适合我的解决方案来学习得最好。我使用过一些 ajax 脚本，但无法让它们中的任何一个正常工作，也找不到一个可以满足我需要的功能。看起来这将是一个相当简单的 ajax 脚本，所以我希望有人可以帮助我。

Answer 1

这是一个可能的 jQuery 解决方案。如果您想要纯 JavaScript，请告诉我。

index.html

<input type="text" id="input" />
<button type="button">Submit!</button>

脚本.js

$('button').on('click',function() {
    var val = $('#input').val();

    sendQuery(val);
});

function sendQuery(x) {
    var val = x;

    $('body').load('query.php?input=' + val);
}

查询.php

$mysqli = new mysqli('localhost','root','password','db');

$val = $_GET['input'];

$query = <<<Q
         SELECT
         *

         FROM
         table

         WHERE
         column = ?
Q;

$stmt = $mysqli->stmt_init();

if($stmt->prepare($query)) {
    $stmt->bind_param("i",$val);
    $stmt->execute();

    while($stmt->fetch()) {
            #if the query is successful
            echo '<script>
                     $(function() {
                          location.reload();
                     });
                 </script>';
    }
} else {
        echo '<script>
                 $(function() {
                      window.location.href = "http://www.yoursite.com/errorpage.html";
                 });
             </script>';
}

$mysqli->close();   

我唯一不确定的是为什么你想用 AJAX 发回响应，然后移动到一个全新的页面。对我来说，这似乎否定了您想要使用 AJAX 的首要原因。有什么想法吗？

上面的作用是使用 jQuery 将 XMLHTTPRequest.responseText 加载到正文中(reponseText 是 php 文档回显的脚本)。在这种情况下，如果数据库成功，它会回显重新加载页面的脚本。如果出现故障，它会回显一个脚本，将用户移至错误页面。