时间戳

首页 > 解决方案 > 将数据库连接到 Chrome 扩展程序的问题

php - 将数据库连接到 Chrome 扩展程序的问题

问题描述

我正在尝试制作 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>

标签： phpmysqlgoogle-chrome

解决方案

推荐阅读