我想做什么我的程序的目的是将数据从本地HTML / JS网站插入到在线(非本地)mySQL数据库中.到目前为止我的尝试我试图利用的原始方法是,让我的本地网站利用javascript通过在线PHP文件发布数据,然后让这个PHP文件将此...
我想做什么
我的程序的目的是将数据从本地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数据库
基础教程推荐
- ajax跳转到新的jsp页面的方法 2023-02-14
- 关于wepy小程序引入echarts统计图之后出现定位穿透问题的解决方案 2022-10-30
- 【手写笔记】服务器上配置环境+nginx启动+配置安全组+测试html+wget+爬虫+上传文件scp+rsync+网页+更改域名+看自己的ip+爬虫项目+asca+shell编程+ 2023-10-25
- vue-cli2 生成的项目打包优化(持续学习中) 2023-10-08
- 微信小程序自动化部署的全过程 2022-08-31
- vue中动态引进组件、动态引进js模块文件 2023-10-08
- Ajax上传文件进度条Codular 2023-02-01
- Vue自学之路5-vue模版语法(v-text,v-html,v-pre) 2023-10-08
- vue-electron中修改表格内容并修改样式 2023-07-09
- 关于 sencha touch:ExtJS、SenchaTouch – FormPanel 无 2022-09-15
