Javascript 在自定义数据库中找到url中的代码时进行自定义弹出

在我的主题的page.php中，我在顶部添加了：

需要一次“检查url.php”

>

我试图实现的是，当URL中的变量“uid”被设置时，我的代码会在自定义数据库表中检查代码是否存在，然后在主页上显示一个弹出窗口，告诉用户代码是否存在

我没有太多的运气创建一个弹出窗口，显示在所有。 它确实可以看到url中的uid变量是否存在于数据库中，但我似乎无法创建一个正确的弹出窗口（仅在设置了参数的情况下）工作

下面是check-url.php中的代码

<?php

//SQL DATABASE INIT
$servername = "xxx";
$username = "xxx";
$password = "xxx";
$dbname = "xxx";

// Create connection
$mysqli = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($mysqli->connect_error) {
  die("Connection failed: " . $mysqli->connect_error);
}
//echo "Connected successfully";


//URL RETREIVAL
if (isset($_GET['uid'])) {
        
        $result = $mysqli -> query("SELECT * FROM wp_shoppie_items WHERE shoppie_id = '". $_GET['uid'] ."'");
        
        if (mysqli_num_rows($result) > 0)
        {
            //echo $_GET['uid'] ." deze shoppie code bestaat in de database!";
            echo "
            <div id=\"modal\" style=\"position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 200ms ease-in-out;border: 1px solid black;border-radius: 10px;z-index: 10;background-color: white;width: 500px;max-width: 80%;\">
                <div style=\"padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid black;\">
                  <div style=\"font-size: 1.25rem;font-weight: bold;\">Example Modal</div>
                  <button data-close-button style=\"cursor: pointer;border: none;outline: none;background: none;font-size: 1.25rem;font-weight: bold;\">&times;</button>
                </div>
                <div style=\"padding: 10px 15px;\">
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse quod alias ut illo doloremque eum ipsum obcaecati distinctio debitis reiciendis quae quia soluta totam doloribus quos nesciunt necessitatibus, consectetur quisquam accusamus ex, dolorum, dicta vel? Nostrum voluptatem totam, molestiae rem at ad autem dolor ex aperiam. Amet assumenda eos architecto, dolor placeat deserunt voluptatibus tenetur sint officiis perferendis atque! Voluptatem maxime eius eum dolorem dolor exercitationem quis iusto totam! Repudiandae nobis nesciunt sequi iure! Eligendi, eius libero. Ex, repellat sapiente!
                </div>
             </div>
            ";
        } 
        else
        {
            echo "
            <div id=\"modal\" style=\"position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 200ms ease-in-out;border: 1px solid black;border-radius: 10px;z-index: 10;background-color: white;width: 500px;max-width: 80%;\">
                <div style=\"padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid black;\">
                  <div style=\"font-size: 1.25rem;font-weight: bold;\">Example Modal</div>
                  <button data-close-button style=\"cursor: pointer;border: none;outline: none;background: none;font-size: 1.25rem;font-weight: bold;\">&times;</button>
                </div>
                <div style=\"padding: 10px 15px;\">
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse quod alias ut illo doloremque eum ipsum obcaecati distinctio debitis reiciendis quae quia soluta totam doloribus quos nesciunt necessitatibus, consectetur quisquam accusamus ex, dolorum, dicta vel? Nostrum voluptatem totam, molestiae rem at ad autem dolor ex aperiam. Amet assumenda eos architecto, dolor placeat deserunt voluptatibus tenetur sint officiis perferendis atque! Voluptatem maxime eius eum dolorem dolor exercitationem quis iusto totam! Repudiandae nobis nesciunt sequi iure! Eligendi, eius libero. Ex, repellat sapiente!
                </div>
             </div>
            ";
        }
} else {
    // Fallback behaviour goes here
}

?>

---

警告：您完全可以使用参数化的预处理语句，而不是手动生成查询。它们由或提供。永远不要相信任何形式的输入！即使您的查询仅由受信任的用户执行。请先修复SQL注入，然后更新问题中的代码
<?php

//SQL DATABASE INIT
$servername = "xxx";
$username = "xxx";
$password = "xxx";
$dbname = "xxx";

// Create connection
$mysqli = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($mysqli->connect_error) {
  die("Connection failed: " . $mysqli->connect_error);
}
//echo "Connected successfully";


//URL RETREIVAL
if (isset($_GET['uid'])) {
        
        $result = $mysqli -> query("SELECT * FROM wp_shoppie_items WHERE shoppie_id = '". $_GET['uid'] ."'");
        
        if (mysqli_num_rows($result) > 0)
        {
            //echo $_GET['uid'] ." deze shoppie code bestaat in de database!";
            echo "
            <div id=\"modal\" style=\"position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 200ms ease-in-out;border: 1px solid black;border-radius: 10px;z-index: 10;background-color: white;width: 500px;max-width: 80%;\">
                <div style=\"padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid black;\">
                  <div style=\"font-size: 1.25rem;font-weight: bold;\">Example Modal</div>
                  <button data-close-button style=\"cursor: pointer;border: none;outline: none;background: none;font-size: 1.25rem;font-weight: bold;\">&times;</button>
                </div>
                <div style=\"padding: 10px 15px;\">
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse quod alias ut illo doloremque eum ipsum obcaecati distinctio debitis reiciendis quae quia soluta totam doloribus quos nesciunt necessitatibus, consectetur quisquam accusamus ex, dolorum, dicta vel? Nostrum voluptatem totam, molestiae rem at ad autem dolor ex aperiam. Amet assumenda eos architecto, dolor placeat deserunt voluptatibus tenetur sint officiis perferendis atque! Voluptatem maxime eius eum dolorem dolor exercitationem quis iusto totam! Repudiandae nobis nesciunt sequi iure! Eligendi, eius libero. Ex, repellat sapiente!
                </div>
             </div>
            ";
        } 
        else
        {
            echo "
            <div id=\"modal\" style=\"position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 200ms ease-in-out;border: 1px solid black;border-radius: 10px;z-index: 10;background-color: white;width: 500px;max-width: 80%;\">
                <div style=\"padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid black;\">
                  <div style=\"font-size: 1.25rem;font-weight: bold;\">Example Modal</div>
                  <button data-close-button style=\"cursor: pointer;border: none;outline: none;background: none;font-size: 1.25rem;font-weight: bold;\">&times;</button>
                </div>
                <div style=\"padding: 10px 15px;\">
                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse quod alias ut illo doloremque eum ipsum obcaecati distinctio debitis reiciendis quae quia soluta totam doloribus quos nesciunt necessitatibus, consectetur quisquam accusamus ex, dolorum, dicta vel? Nostrum voluptatem totam, molestiae rem at ad autem dolor ex aperiam. Amet assumenda eos architecto, dolor placeat deserunt voluptatibus tenetur sint officiis perferendis atque! Voluptatem maxime eius eum dolorem dolor exercitationem quis iusto totam! Repudiandae nobis nesciunt sequi iure! Eligendi, eius libero. Ex, repellat sapiente!
                </div>
             </div>
            ";
        }
} else {
    // Fallback behaviour goes here
}

?>