通过 jQuery 将 html 表单连接到 php答案

【问题标题】：Connecting html form to php via jQuery通过 jQuery 将 html 表单连接到 php
【发布时间】：2018-10-26 05:13:43
【问题描述】：

嘿，所以我对编程还很陌生，我一直在学习主要使用 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 之间的桥梁，让没有使用经验的人能够掌握？谢谢。

【问题讨论】：

在此处查看这些资源：api.jquery.com/jquery.ajax、api.jquery.com/jquery.post、w3schools.com/jquery/jquery_ajax_get_post.asp

标签： javascript php jquery ajax database

【解决方案1】：

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

【讨论】：