思路分析
第一,创建表单
学生信息添加
姓名:
年龄:
性别:
邮箱:
电话:
第二、给btn绑定点击事件,获取form表单数据
$(‘#btn‘).on(‘click‘,function(){
// 获取填写得数据
var fm = $(‘#mainForm‘)[0];
var fd = new FormData(fm);
})
第三、发送ajax,将表单数据发送给后端
$(‘#btn‘).on(‘click‘,function(){//获取填写得数据
var fm = $(‘#mainForm‘)[0];var fd = newFormData(fm);
$.ajax({
url: ‘receive.php‘,data: fd,type: ‘post‘,dataType: ‘text‘,contentType: false,processData: false,success: function(msg) {
console.log(msg);
}
})
})
第四、后端接收前端发送过来的数据,并且将发送过来的数据再返回给前端
$name = $_POST[‘name‘];$age = $_POST[‘age‘];$gender = $_POST[‘gender‘];$email = $_POST[‘email‘];$tel = $_POST[‘tel‘];// 链接MySQL服务器
$conn = mysqli_connect(‘localhos