一个前端学php,感觉不可思议,但实际上面试中都会问你后台会不会。这时候php就派上用场了。
下面的是我自己百度研究的一个些心得分享一下:
html代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php</title> <script src="jquery-3.2.1.js"></script> <script src="php.js"></script> <link rel="stylesheet" href="php.css"> </head> <body> <div class="box"> <from> <p> <span>名字:</span> <input type="text" id="name"> </p> <p> <span>年龄:</span> <input type="text" id="age"> </p> </from> </div> <div class="box"> <button id="save">保存</button> </div> </body> </html>
$(function () { $("#save").click(function () { let name =$('#name').val(),age =$('#age').val(); $.ajax({ type: 'POST', url: 'save.php', data:{ name:name, age:age }, success:function (res) { console.log(res); alert("保存成功!") } }) }); });
<?php $name =$_POST['name']; $age =$_POST['age']; // 创建连接 $conn = mysqli_connect("localhost", "root", "root", "test"); // 检测连接 if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } $sql = "INSERT INTO user (name,age) VALUES ('$name', '$age')"; if (mysqli_query($conn, $sql)) { echo ($name.$age) ; } else { echo "Error: " . $sql . "<br>" . mysqli_error($conn); } mysqli_close($conn); ?>
还有一个建立数据表的代码
<?php // 创建连接 $conn = mysqli_connect("localhost", "root", "root", "test"); // 检测连接 if (!$conn) { die("连接失败: " . mysqli_connect_error()); } // 使用 sql 创建数据表 $sql = "CREATE TABLE user ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, name text(30) NOT NULL, age int(3) NOT NULL, reg_date TIMESTAMP )"; if (mysqli_query($conn, $sql)) { echo "数据表 MyGuests 创建成功"; } else { echo "创建数据表错误: " . mysqli_error($conn); } mysqli_close($conn); ?>
这样就可以直接在服务器上开起来了
页面是这样的
点击保存之后就直接将上面填写的信息填入数据库中。
save.php文件中直接用$_POST接受来自页面的ajax数据,然后经过
类似这样的赋值,将数据保存下来。
在sql语句中这样写变量,就可以用了。
不过最后不是还有一个返回值么。我这边是用echo 输出了一个值返回了。