首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具

栏目导航

热点推荐

阅览排行

当前位置：主页>网络编程>ajax教程>资讯:AJAX教程第一章—初识AJAX

AJAX教程第一章—初识AJAX

www.jz123.cn 2009-10-26 来源: 中国建站责任编辑(袁袁) 我要投递新闻

现在讲解下采用AJAX的几步骤：

　　1、在浏览器客户端创建对应的XMLHttpRequest

　　如上代码中的：

　function createXMLHttpRequest(){
　　if(window.XMLHttpRequest){
　　XMLHttpReq = new XMLHttpRequest();
　　}else if(window.ActiveXObject){
　　try{
　　XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
　　}catch(e){
　　try{
　　XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
　　}catch(e1){}
　　}
　　}
　　}

　　根据不同的浏览器创建对应的XMLHttpRequest对象

　　2、当用户点击按钮提交请求后，通过内置的AJAX核心对象XMLHttpRequest以异步的方式发送请求，如上代码中的：

　function userCheck(){
　　var uname = document.myform.uname.value;
　　var pwd = document.myform.pwd.value;
　　if(uname == ""){
　　window.alert("用户名不能为空");
　　document.myform.pwd.value="";
　　document.myform.uname.focus();
　　return false;
　　}else{
　　sendRequest("login?uname="+uname+"&pwd="+pwd);
　　}
　　}
　　function sendRequest(url){
　　createXMLHttpRequest();
　　XMLHttpReq.open("GET",url,true);
　　XMLHttpReq.onreadystatechange = processResponse;
　　XMLHttpReq.send(null);
　　}

　　3、在请求提交后为AJAX核心对象的XMLHttpRequest指定好响应的函数后，该监听器就开始监听工作。

　　如上代码中的：

function processResponse(){
　　if(XMLHttpReq.readyState == 4){
　　if(XMLHttpReq.status == 200){
　　var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
　　window.alert(res);
　　document.myform.uname.value="";
　　document.myform.pwd.value="";
　　}else{
　　window.alert("你请求的页面有异常");
　　}
　　}
　　}

　　其中

　　var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;

　　用户解析由服务器端返回的XML的格式。

上一页 1 23 下一页

0

上一篇：20个Ajax关键议题下一篇： Ajax学习:与其他库一起使用jQuery

相关文章列表

评论总数：0 条 [ 查看全部 ] 网友评论

关于我们 ┆ 隐私版权 ┆ 广告服务 ┆ 友情链接 ┆ 联系我们 ┆ 网站地图