javascript - 通过 jQuery 将 html 表单连接到 php
问题描述
嘿,所以我对编程还很陌生,我一直在学习主要使用 java 的数据库。我已经习惯在我的 java 项目中使用 mysql 数据库,但现在我必须使用使用 html/javascript 的数据库。我似乎无法让它工作。我在 html/css/javascript 方面有一些经验,但几乎没有超出这里的基础知识。我正在使用 php 文件尝试将数据插入到我的数据库中。该文件当前如下所示:
<?php
$con = mysqli_connect('test@localhsot', 'root', '');
if (!$con) {
echo 'not connected to server';
}
if (!mysqli_select_db($con, 'testdb')) {
echo 'database not selected';
}
$Name = $_POST['username'];
$Email = $_POST['email'];
$sql = "INSERT INTO test (Name,Email) VALUES('$Name', '$Email')";
if (!mysqli_query($con, $sql)) {
echo 'Not Inserted';
} else {
echo 'inserted';
}
header("refresh:2; url=index.html");
?>
根据我看过的一些网站和视频。据我了解,我需要使用 ajax(通过 jquery?)将数据从我的 html 表单发送到 php 文件。我已经搞砸了我在网上看到的不同的东西,但无法弄清楚这一点。虽然我对 html 和 javascript 有一些经验,但我对 ajax 和 php 没有经验,所以这是一个新领域。以下是我现在尝试提交的简单 html 表单:
<body>
<form>
<label>username<input type="text" ></label>
<label>email<input type="text"></label>
<input type="submit" value="Insert" id="submit_btn">
</form>
<script src="jquery-3.3.1.js"></script>
<script src="main.js"></script>
</body>
任何人都可以向我展示或指出如何使用 ajax 在 html 和 php 之间建立桥梁的解释,让没有使用它经验的人可以掌握吗?谢谢你。
解决方案
使用 ajax 很简单。只需按照代码
var data ={
"user":"somethingf"
}
login(data){
return jQuery.ajax({
type: 'post',
url: "http://someurl or ip ",
data: JSON.stringify(data),
success: function (data) {
},
error: function (jqXhr, textStatus, errorThrown) {
},
contentType: 'application/json',
async: false
});
}
推荐阅读
- regex - 是否有任何正则表达式可以同时提取两个字符串
- angular - 从源“http://localhost:4200”访问“http://localhost:1111/...”的 XMLHttpRequest 已被 CORS 策略阻止:
- icons - 如何更改 NW.js 中的任务栏图标?
- python - 我可以以相反的顺序保存 Python 数据吗?
- reactjs - 如何从 React 中的列表中获取所选项目?
- python-3.x - 函数可以在没有“return”语句的情况下返回吗?
- javascript - 在 ERB 中将 JavaScript 值传递给 Ruby
- android - 如何在对话框中滚动 RecyclerView 期间修复 onClick 行为
- python - 带百分比的 Python 字符串格式(“TypeError:格式字符串的参数不足”)
- javascript - 使用JS/Java打开pptx模板并修改