要实现前后端交互,最重要的就是实现数据之间的传递,
本次笔记是关于原生ajax的书写以及对应连接到数据库的php代码
此次只写了关键代码,ajax和php部分
需要全代码的可以私聊获取
原生ajax部分(发送请求)
function ajax(user, pwd) {
// 创建ajax
let xhr = new XMLHttpRequest();
// 设置请求(传递方式,请求文件的路径)
xhr.open('post', './lib/login.php');
// 发送请求头
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
// 构造参数
let parson = 'user=' + user + '&' + 'pwd=' + pwd;
// 发送请求
xhr.send(parson);
// 监听和接收返回值
xhr.onreadystatechange = () => {
//当满足连通时才返回值
if (xhr.readyState == 4 && xhr.status == 200) {
//接受返回值
// console.log(xhr.response);
//对于返回值做操作
if (xhr.response == 1) {
console.log("登陆成功");
}