连接数据库到chrome扩展的问题

yzuktlbb  于 2021-06-18  发布在  Mysql
关注(0)|答案(0)|浏览(288)

我想做一个chrome扩展。目前我有一个运行在mysql工作台上的aws数据库,我正在尝试将它连接到扩展。我的php文件只是在提交html表单时尝试连接到数据库。我跟随视频(第1-4部分)形成这个链接https://www.youtube.com/watch?v=dplbadrh830
现在我正在使用localhost作为我的服务器,在提交表单时,我的扩展名说“无法访问此站点localhost拒绝连接”。我不知道从何处开始,这是我第一次使用数据库,因此如果这是一个愚蠢的问题,我深表歉意。

<?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>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题