对ajax的学习部分总结
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代表后台响应的结果数据
})