现在的位置: 首页 > 综合 > 正文

12-2-1进步一小点

2018年01月11日 ⁄ 综合 ⁄ 共 729字 ⁄ 字号 评论关闭

1关于ajax

其实就是关于js+xml 这里只不过是一种异步的web通信

传统的web是一般要先做完这个然后才能做这个。

这里的异步某种程度可以分布完成,最简单的例子就是当我们输入用户名之后,光标移动到下个text框的时候,此时我们仍可以进行下面的操作,

但是web这边已经将我们的用户名提交到服务器那边进行匹配了 是否存在用户名重复的问题。

这里的技术就是在<input type="text" name="user" id="uerid" onblur="check()"/>添加了一个响应函数。

 ajax里面运用的最多的就是XMLHttpRequest对象,我们主要是通过它来进行一系列的操作。 

  function callback(){
if(req.readyState==4){//说明已完成从服务器的交互,但是服务器给我什么反馈呢,得通过status的数字信息得到
if(req.status==200){
var msg=req.responseXML.getElementsByTagName("msg")[0];//获取msg标签的元素组,然后取第一个元素
setMsg(msg.childNodes[0].nodeValue);//获取该元素的第1个孩子的value
}
}
}
 
function setMsg(msg){
var mdiv=document.getElementById("usermsg");//这是在后面跟加的<span>
if(msg=="validate"){
mdiv.innerHTML="<font color='red'>yes</font>";

}else{
mdiv.innerHTML="<font color='green'>no</font>"
}
}

抱歉!评论已关闭.