从本地 html/javascript 网站插入 mySQL 数据库

我正在尝试做什么

我的程序的目的是插入数据local HTML/JS网站变成online（非本地）mySQL数据库。

到目前为止我尝试过的

我试图用来实现此目的的原始方法是让我的本地网站使用 javascript 通过在线发布数据PHP文件，然后有这个PHP文件将此信息插入到mySQL桌子。但我不断收到跨域请求相关错误。

以编程方式到达墙壁后，我打开了一个堆栈溢出线程 https://stackoverflow.com/q/42590625/7631121确定是否可以从本地网站发布到在线网站PHP文件，在此期间，我被专业人士告知，如果不修改尝试访问此本地网站的每台计算机上的 Chrome 相关政策，这是不可能的。

此线程的目的

确定是否通过发布PHP文件以允许将数据插入到mySQL表从一个local HTML/JS网站，如果还有我没有考虑过的另一种方法。

不修改浏览器策略的原因：

我无法控制在用户浏览器上实施哪些策略或他们选择使用哪种浏览器。同样，我无法在他们的系统上安装额外的软件，例如阿帕奇等

总体问题

正如我迄今为止尝试从a发布的方法local HTML/JS网站作为插入的一种手段mySQL到目前为止，数据库还没有成功。我在这里发布是为了确定是否还有另一种我尚未考虑的方法，而不是通过发布数据PHP文件，可以应用于我的源代码，而不是用户的网络浏览器以允许执行mySQL从本地发起的查询HTML/JS网站？

JS Code:

function uploadPetData(petName, petAge, petType) {

    var urlString ="Pet_Name="+petName+"&Pet_Age="+petAge+"&Pet_Type="+petType;
    $.ajax({
        type: 'POST',
        url: 'http://example.com/test.php',
        crossDomain: true,
        data : urlString,   
        contentType:contentType,   
        success: function(responseData, textStatus, jqXHR) {
            var value = responseData.someKey;
        }
    });
}

PHP代码：

<?php
$con=mysqli_connect("...","...","...","...");

$petName = $_POST['Pet_Name'];
$petAge = $_POST['Pet_Age'];
$petType = $_POST['Pet_Type'];

$petName = mysqli_escape_string($con, $petName);
$petAge = mysqli_escape_string($con, $petAge);
$petType = mysqli_escape_string($con, $petType);

$query = mysqli_query($con, "INSERT INTO Pets (Name, Season, Episode)
                             VALUES ('$petName', '$petAge', '$petType')");
mysqli_close($con);
?>

如果您打算直接处理数据库，我建议在每台计算机上使用服务器端js作为独立客户端。浏览器 js 不是为这种交互而设计的。

如果您决定继续使用浏览器 js，您将需要一个 REST API 来实现您的目标。您还需要将文件挂载到本地网络服务器（nginx 或 apache）中，以处理客户端 js 的跨站点问题。之后，您可以使用普通的 ajax 或 Promise 或更高级的东西（例如 RxJs Observables）与端点进行交互。

希望能帮助到你。