Question

我正在尝试制作Chrome扩展程序。目前，我有一个在MySQL工作台上运行的AWS数据库，并且正在尝试将其连接到扩展。我的PHP文件只是尝试在提交HTML表单时连接到数据库。我正在通过此链接https://www.youtube.com/watch?v=dpLbADRh830

关注视频（第1-4部分）

现在我正在使用本地主机作为服务器，并且在提交表单时，我的扩展名显示“无法访问此站点，本地主机拒绝连接。”我不知道该从哪里去，这是我的第一个数据库经验，因此，如果这是一个愚蠢的问题，我深表歉意。

<?php
    $name=$_POST['name'];
    $email=$_POST['email'];
    if(!isset($_POST['submit'])){
        echo $email;
    }
?>

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <form action="http://localhost/db/tester_script.php" method="POST">
            <input type="text" name="name" placeholder="name"><br>
            <input type="text" name="email" placeholder="email"><br>
            <input type="submit" value="submit">

        </form>

    </body>

</html>

这是解决问题的方法：

    <body>
    <form id="thing">
        <input type="text" id="name" name="name" placeholder="name"><br>
        <input type="text" id="email" name="email" placeholder="email"> 
        <input type="submit" id="submit" value="submit">
    </form>
<script
    src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>
<script>
$("#thing").on("submit", function(){
    var name = $("#name").val();
    var email = $("#email").val();
    $.ajax({
        type: "POST",
        url: "http://localhost:8000/tester_script.php",
        data: {name : name, email : email},
        success : function(data){
            console.log(data);
        }
        });
    return false;
    })
    </script>
</body>

将数据库连接到Chrome扩展程序时出现问题

0 个答案: