Ajax施用

Ajax使用

处理XML响应

查询用户信息是，当我们在下拉列表选择此用户的时候，要实现无刷新获取用户信息

服务器端代码

<script type="text/javascript">function getUser(ouser){  var uname=ouser.value;  if(!uname){  alert("请选择查询用户");  ouser.focus;  }  //发送请求到服务器，判断用户名是否存在  //Ajax代码实现   // 发送请求到服务器，判断用户名是否存在// 请求字符串var url = "servlet/doGetU?uname="+uname; // 1. 创建XMLHttpRequest组件xmlHttpRequest = createXmlHttpRequest();// 2. 设置回调函数xmlHttpRequest.onreadystatechange = haoLeJiaoWo; // 3. 初始化XMLHttpRequest组件xmlHttpRequest.open("GET",url,true); // 4. 发送请求xmlHttpRequest.send(null); } function haoLeJiaoWo(){       if(  xmlHttpRequest.readyState == 4              && xmlHttpRequest.status == 200){              var dom = xmlHttpRequest.responseXML;              if(dom){              var userNodes=dom.getElementsByTagName("username");              if(userNodes.length>0){              var username=userNodes[0].firstChild.nodeValue;              document.getElementById("username").value=username;              }     }       }}  function createXmlHttpRequest(){  if(window.XMLHttpRequest){//新版本IE浏览器（IE7及以上版本）或其他浏览器return new XMLHttpRequest();}else {                   //老版本IE浏览器（包括IE5和IE6）return new ActiveXObject("Microsoft.XMLHTTP");}  }</script>