加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax

发布时间:2020-12-16 03:02:49 所属栏目:百科 来源:网络整理
导读:ajax((asynchronous javascript and xml) 异步的javascript与xml 优点:不用加载整个页面就能局部更新页面信息 ajax工作流程,当发生某个事件时,创建XMLHttpRequest对象,向服务器发送请求 当服务器处理完请求以后,通过js进行处理,并修改相应的页面 达到

ajax((asynchronous javascript and xml)

异步的javascript与xml

优点:不用加载整个页面就能局部更新页面信息


ajax工作流程,当发生某个事件时,创建XMLHttpRequest对象,向服务器发送请求
当服务器处理完请求以后,通过js进行处理,并修改相应的页面
达到与服务器进行异步通信

ajax的使用:


步骤1:创建合适的ajax对象
//对于目前主流的浏览器都内置了XMLHttpRequest对象
但是,IE5,IE6提供的是ActiveXObject对象
为了更好的扩展性,将两种情况都考虑最佳
window.XMLHttpRequest存在? var xmlhttp=new XMLHttpRequest()
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

步骤2:发送请求
//首先确定请求的方式,请求的资源,请求是否同步进行
xmlhttp.open("GET/POST","url",true/false);
然后发送请求
xmlhttp.send();//xmlhttp.send("string")有参数的send只用于post请求
发送请求以后,通过readyState来判断服务器是否响应完成了
关于readyState的值表示的意义:
0:请求未初始化
1:服务器连接已建立
2:请求已接受
3:请求处理中
4:请求已完成,且响应就绪(响应就绪以后,就可以获得响应的信息)
xmlhttp.onreadystatechange事件,每当readyState状态改变时会触发该函数


步骤3:响应的处理
当readyState==4 and? status==200时,说明响应已就绪且响应成功
此时可通过xmlhttp.responseText或xmlhttp.responseXML获得响应的信息

步骤4:更新局部页面通过响应信息
通过js使用xmlhttp中的响应信息,更新页面信息


#关于status,是xmlhttp的属性,如果为200表示ok;如果为404表示未找到

?

哈哈,新手上路。值得纪念。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读