对ajax的学习部分总结

ajax概念

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

是前端和后台进行数据交互的一种技术。

表单提交分为get和post的方式

表单提交的方式会刷新整个页面，用户体验效果不是很好，所以ajax就很流行，特点是异步无刷新。

1. 买菜
2. 刷锅 烧水
3. 炒菜

同步：必须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”, 发送方式

url:”后台文件地址”,

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代表后台响应的结果数据

})