通过jQuery将HTML表单连接到PHP

时间:2018-10-26 05:13:44

标签: javascript php jquery ajax database

嘿,所以我对编程还很陌生,我一直主要使用Java学习数据库。我已经习惯了将mysql数据库用于我的java项目,但是现在我必须使用使用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之间架起桥梁的解释,这是没有经验的人可以掌握的吗?谢谢。

1 个答案:

答案 0 :(得分:0)

使用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
    });
  }