HTML 文件如何从 MYSQL 中检索数据库（在服务器上使用 php）？答案

【问题标题】：How possibly HTML files to retrieve database from MYSQL (using php on the server)?HTML 文件如何从 MYSQL 中检索数据库（在服务器上使用 php）？
【发布时间】：2016-11-30 02:14:59
【问题描述】：

我想在 HTML 文件中创建表单。假设它调用 index.html（客户端将看到此页面），并且 HTML 将包含一些链接到 php 的 ajax 代码（服务器连接到 Mysql）

这样客户端就可以通过在 index.html 中插入表单来对数据库进行（插入删除编辑）。怎么可能这样做？请给我一个简单的代码，以便我学习。非常感谢。我发现 PHP 可以链接到其他 php 来检索数据。但我更愿意使用 HTML 来链接到服务器上的 php。

非常感谢。

修改后的代码

enter code here (this is index.html)
<html>
<head>
    <title>Submit Form Using AJAX PHP and javascript</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <link rel="stylesheet" href="css/style.css" />
    <script>
   function myFunction() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
var contact = document.getElementById("contact").value;
var dataString = 'name1=' + name + '&email1=' + email + '&password1=' + password + '&contact1=' + contact;
if (name == '' || email == '' || password == '' || contact == '')
{
    alert("Please Fill All Fields");
}
else
{
//AJAX code to submit form.
    $.ajax({
        type: "POST",
        url: "https://../test2.php",
        data: dataString,
        cache: false,
        success: function(html) {
            alert(html);
        }
    });
}
return false;
}</script>

</head>
<body> 
    <div id="mainform">
        <div class="innerdiv">
            <h2>Submit Form</h2>
            //div starts here

            <form id="form">
                <h3>Fill Your Information!</h3>
                <div>
                    <label>Name :</label>
                    <br/>
                    <input type="text" id="name" /><br/>
                    <br/>
                    <label>Email :</label>
                    <br/>
                    <input type="text" id="email"/><br/>
                    <br/>
                    <label>Password :</label>
                    <br/>
                    <input type="password" id="password" /><br/>
                    <br/>
                    <label>Contact No :</label>
                    <br/>
                    <input type="text" id="contact" /><br/>
                    <br/>
                    <input type="button" id="submit" onclick="myFunction()" value="Submit"/>
                </div>
            </form>
            <div id="clear"></div>
        </div>            
</body>
</html>

这是 php.ini 文件。

//Fetching Values from URL  
$name2 = $_POST['name1'];
$email2 = $_POST['email1'];
$password2 = $_POST['password1'];
$contact2 = $_POST['contact1'];

$servername = "localhost";
$username = "user";
$password = "userpwd";
$dbname = "dbname";
// Establishing connection with server..
$dbc = mysqli_connect($servername, $username, $password , $dbname)
or die('Error connecting to MySQL server.');

// Selecting Database 
if (isset($_POST['name1'])) {
//Insert query 
$query = mysqli_query("insert into form_element(name, email, password, contact) values ('$name2', '$email2', '$password2','$contact2')");
echo "Form Submitted succesfully";
}
//connection closed
mysqli_close($dbc);
?>

我不明白它的工作原理。

【问题讨论】：

先试一试再问问题
嗨，欢迎来到 SO。不幸的是，这不是一个教程网站。如果您正在寻找有关如何使用 PHP 处理表单数据的教程，那么简单的 google 搜索将为您提供多种选择。如果您有一些当前正在处理的代码并且您有一个更具体的问题，那么这就是解决问题的地方。请阅读：stackoverflow.com/help/how-to-ask 然后修改您的问题以包含您编写的任何简化代码并指出您遇到问题的地方。
查看此页面：w3schools.com/html/html_forms.asp
感谢您的回复。我刚刚编辑了我的代码。请看一看。 @gmiley
谢谢。 @Sachith 我刚刚编辑了我的代码。

标签： php html ajax database mysqli

【解决方案1】：

我没有你之前拥有的所有div，但你应该可以添加它们！

在connection.php 中输入正确的用户名、密码和数据库名称后，这应该可以工作

如果这不起作用或不是您想要的，请告诉我！

如果您想查看它的运行情况，它也在 http://emmetstudios.com/form 启动并运行。

这是代码，（把它们都放在同一个文件夹，不同的文件）：

connection.php：

<?php
function Connect()
{
 $dbhost = "localhost";
 $dbuser = "yourusername";
 $dbpass = "yourpassword";
 $dbname = "yourdatabasename";

 // Create connection
 $conn = new mysqli($dbhost, $dbuser, $dbpass, $dbname) or die($conn->connect_error);

 return $conn;
}
?>

成功.php：

<?php

require 'connection.php';
$conn    = Connect();
$name   = $conn->real_escape_string($_POST['name']);
$email   = $conn->real_escape_string($_POST['email']);
$password   = $conn->real_escape_string($_POST['password']);
$contact   = $conn->real_escape_string($_POST['contact']);

$query = "INSERT into form_element (name,email,password,contact) VALUES('" . $name . "','" . $email . "','" . $password . "','" . $contact . "')";
$success = $conn->query($query);

if (!$success) {
    die("Couldn't enter data: ".$conn->error);

}

echo "Successful!";

$conn->close();

?>

index.php:

<!DOCTYPE html>
<html>
<head>
<title>Form</title>

</head>
<body>

<form id="form" action="success" method="post" onsubmit="return validateForm()" name="upload">

    Name:<br>
    <input type="text" name="name">          <br><br>

    Email:<br>
    <input type="text" name="email">         <br><br>

    Password:<br>
    <input type="password" name="password">      <br><br>

    Phone Number:<br>
    <input type="text" name="contact">       <br><br>

    <input id="submit" type="submit" value="Submit">
</form>

<script>
function validateForm() {
    var name = document.forms["form"]["name"].value;
    if (name == "") {
        alert("Name must be filled out");
        return false;
    }
    var email = document.forms["form"]["email"].value;
    if (email == "") {
        alert("Email must be filled out");
        return false;
    }
    var password = document.forms["form"]["password"].value;
    if (password == "") {
        alert("Password must be filled out");
        return false;
    }
    var contact = document.forms["form"]["contact"].value;
    if (contact == "") {
        alert("contact must be filled out");
        return false;
    }
}
</script>
</body>
</html>

【讨论】：

当我将所有 php 文件合并到一个文件夹中时，它可以工作。但是我可以将 index.php 更改为 index.html ，并将索引与其他 php 文件分开放在另一个位置。有可能吗？
@J.Jambul 将index.php 更改为index.html 应该可以正常工作。您可以移动其他.php 文件，如果您仍然将connection.php 和success.php 放在同一个文件夹中（在不同的位置），这很容易。您需要做的就是将html表单中的action="success"更改为action="success.php"并在success.php之前添加文件路径。如果它不起作用或没有意义，请告诉我！