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(){
}
})
AJAX原理与实践
本文介绍了AJAX(异步JavaScript和XML)的基本概念及其在网络请求中的应用。通过使用JavaScript执行异步请求,AJAX能够实现在不重新加载整个页面的情况下更新部分内容。文中详细解释了实现AJAX请求的五个步骤,并提供了具体的代码示例,包括如何创建XMLHttpRequest对象、发送请求以及处理服务器响应等。此外,还介绍了利用jQuery简化AJAX操作的方法。
108

被折叠的 条评论
为什么被折叠?



