ajax概念
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
是前端和后台进行数据交互的一种技术。
表单提交分为get和post的方式
表单提交的方式会刷新整个页面，用户体验效果不是很好，所以ajax就很流行，特点是异步无刷新。
- 买菜
- 刷锅 烧水
- 炒菜
同步：必须1先完成 2再操作 然后2完成以后3再操作
异步：1进行的过程中 2可以进行 2进行的过程 3也可以正常开始
原生js的ajax的步骤
var xhr=new XMLHttpRequest();//js内置的发送ajax请求的对象
xhr.open(“请求方式”,”请求地址”);
xhr.send();//发送请求
xhr.onreadyStateChange=function(){
if(xhr.readyState==4&&xhr.status==200){
var res=xhr.responseText();//后台响应的结果
console.log(res);
}
}
jquery的ajax的步骤
$.ajax({
type:”get/post”, 发送方式
data:{
“自己起的名字”：值
},
success:function(){
响应成功以后执行的代码
},
error:function(){
响应不成功以后执行的代码
}
})
我们写一个邮箱验证的案例，用户在输入框中输入邮箱，如果邮箱在数据表中存在，说明上一个人已经注册过这个邮箱，那这次注册的时候不能用这个邮箱了，如果数据表中没有用户刚输入的邮箱，认为邮箱可以用。
JSON格式
JSON：JavaScript 对象表示法（JavaScript Object Notation）。
var json={
‘name’:‘tom’,
‘age’:23,
‘score’:89,
‘info’:{
‘xuehao’:”000123”，
“rognyu”:”三好学生”
},
“sushe”:[“张三”,”李四”，“王五”]
}
jquery的get方式
$.get(“请求地址?name=值”,function(res){
res是后台响应的结果数据
})
jquery的post方式
$.post(“请求地址”,{参数名：参数值},function(res){
res代表后台响应的结果数据
})