使用 XAMPP 将我的 SQL 数据库连接到我的 Chrome 扩展时出现问题答案

【问题标题】：Having problem in connecting my SQL Database to my Chrome extension using XAMPP使用 XAMPP 将我的 SQL 数据库连接到我的 Chrome 扩展时出现问题
【发布时间】：2019-06-28 11:43:37
【问题描述】：

我正在尝试使用我的 google chrome 扩展程序中的 (XAMPP-phpmyadmin) 连接到我的 SQL 数据库。我收到以下错误：-

（您的文件未找到它可能已被移动或删除。 ERR_FILE_NOT_FOUND)

我将代码从 (insert.php 更改为 data.php)，但我的数据没有存储在数据库中。当我在我的扩展中单击提交按钮时，我得到了我的 php 脚本，即 data.php 作为弹出窗口。

 (data.php)

 <pre>
 <?php
 $database="uppercase";

 $name=$_POST['name'];

 mysql_connect(localhost);
 @mysql_select_db($database) ;

 $query = "INSERT INTO urltable VALUES ('','$name')";
 mysql_query($query);

 mysql_close();

 ?>
 </pre>



 (popup.html)

 <!DOCTYPE html>
 <html>
 <head>
    <title>Hello World</title>
    <script src="jquery-3.3.1.min">
    </script>

 <script src="popup.js">
 </script>
 </head>
 <body>

    <form action="insert.php" method="post">
        First Name: <input type="text" name="name">
        <input type="Submit">
    </form>

  </body>

  </html> 


 (manifest.json)
  {
 "manifest_version": 2,

 "name": "My Launcher",
 "description": "Quick launch lol Media",
 "version": "1.0.0",
 "icons": { "128": "icon_128.png" },
 "browser_action": {
  "default_icon": "icon.png",
  "default_popup": "popup.html"
 },
 "permissions": [
  "tabs","http://localhost/*"
 ],
 "background": {
    "scripts": ["popup.js"],
    "persistent": false
 }
 }

我基本上是从用户那里获取输入并尝试将其发送到我数据库中的表“urltable”。

【问题讨论】：

mysql_* 函数自 PHP 5.5.0 起已弃用，并从 PHP 7.0.0 起删除。将您的代码切换为使用PDO 或mysqli。一定要使用准备好的语句和参数绑定，这样你再也不用担心引用问题了。
另外，您将表单提交给insert.php，但您的插入代码位于data.php，因此出现“找不到文件”错误。
action="http://localhost/insert.php" 可能是您的意思，因为弹出窗口在其自己的 chrome-extension:// URL 中运行。但是，它会用答案替换您的弹出页面内容，这可能不是您想要的。通常人们使用 XMLHttpRequest 或 fetch 或 jQuery.ajax 来完成。
我将代码从 (insert.php 更改为 data.php) 但我的数据没有存储在数据库中。当我在我的扩展中单击提交按钮时，我得到了我的 php 脚本，即 data.php 作为弹出窗口。

标签： php html sql-server google-chrome-extension xampp

【解决方案1】：

 <!DOCTYPE html>
     <html>
     <head>
        <title>Hello World</title>
        <script src="jquery-3.3.1.min">
        </script>

     <script src="popup.js">
     </script>
     </head>
     <body>

        <form action="insert.php" method="post">
            First Name: <input type="text" name="name">
            <input type="Submit">
        </form>
      </body>
   </html>

在你的Form动作中，动作链接还是：“insert.php”改成(data.php)。

<form action="data.php" method="post">

您正在尝试向不存在的页面发送 POST 请求。

【讨论】：