从本地htmljavascript网站插入mySQL数据库

从本地htmljavascript网站插入mySQL数据库,第1张

概述我想做什么 我的程序的目的是将数据从本地HTML / JS网站插入到在线(非本地)mySQL数据库中. 到目前为止我的尝试 我试图利用的原始方法是,让我的本地网站利用javascript通过在线PHP文件发布数据,然后让这个PHP文件将此信息插入到mySQL表中.但我一直收到与原始请求相关的错误. 在以编程方式到达墙后,我打开了一个Stackoverflow Thread,以确定是否有可能从本地网 我想做什么

我的程序的目的是将数据从本地HTML / Js网站插入到在线(非本地)MysqL数据库中.

到目前为止我的尝试

我试图利用的原始方法是,让我的本地网站利用javascript通过在线PHP文件发布数据,然后让这个PHP文件将此信息插入到MysqL表中.但我一直收到与原始请求相关的错误.

在以编程方式到达墙后,我打开了一个Stackoverflow Thread,以确定是否有可能从本地网站发布到在线PHP文件,在此期间我被熟知地告知如果不在每台机器上修改Chrome相关政策,这是不可能的访问本地网站.

这个主题的目的

要确定是否通过PHP文件发布以便从本地html / Js网站将数据插入到MysqL表中,如果还有其他方法我没有考虑过.

不修改浏览器策略的推理:

我无法控制在用户浏览器上实施哪些策略或者他们选择使用哪种浏览器.同样,我无法在其系统上安装其他软件,例如Apache等

整体问题

到目前为止,我尝试从本地html / Js网站发布的方法作为插入MysqL数据库的方法到目前为止还没有成功.我在这里发布以确定是否还有其他方法我尚未考虑而不是通过PHP文件发布数据,这些文件可以应用于我的源代码,而不是用户的Web浏览器以允许执行mySQL查询从本地html / Js网站发起?

Js代码:

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);?>
解决方法 如果您打算直接处理db,我建议在每台机器上使用服务器端Js作为独立客户端.浏览器Js不是为这种交互而设计的.

如果您决定继续使用浏览器Js,则需要使用rest API来实现目标.您还需要将文件挂载到本地Web服务器(Nginx或apache),以便处理客户端Js的跨站点问题.之后,您可以使用简单的AJAX或promises或更高级的东西(如RxJs Observables)与您的端点进行交互.

希望能帮助到你.

总结

以上是内存溢出为你收集整理的从本地html / javascript网站插入mySQL数据库全部内容,希望文章能够帮你解决从本地html / javascript网站插入mySQL数据库所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1053329.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存