AJAX简介:
Asynchronous JavaScript and XML,即异步JavaScript和XML。
它的用途是使用JavaScript执行异步网络请求。
使用AJAX可以实现网页的异步、局部更新。
实现AJAX主要是操作XMLHttpRequest对象。
AJAX请求过程的5个步骤:
1 . 创建XMLHttpRequest对象
2. 连接服务器
3. 发送请求
4. 服务器做出响应
5. 接收服务器返回的数据
实现无刷新登录:
<script type="text/javascript">
var data = "name = wang, pwd=123"
var xhr = new XMLHttpRequest() //创建一个XMLHttpRequest对象
// 注册回调函数
xhr.onreadystatechange=function(event)
{
if(xhr.readyState==4){ //4表示服务器返回数据了,之前可能会经历2(请求已发送,正在处理中)、3(响应中已有部分数据可用了,但是服务器还没有完成响应的生成)
if(xhr.status==200)//200表示成功
{
alert("服务器返回成功")
}
else{
alert("服务器返回失败")
}
}
}
xhr.open('POST','url',true); //建立连接,参数一:发送方式,二:请求地址,三:是否异步,true为异步
xhr.send(data); //发送http请求使用XMLHttpRequest的send(data)方法,data参数就是传递给open()方法中URL参数所指定的文件的参数。若果要传递多个参数,用”&”来分隔,不需要传递参数写”null”。
</script>
JQuery ajax
$.ajax({
url: ,
type: '',
dataType: '',
data: {
},
success: function(){
},
error: function(){
}
})