ASP实战一实现AJAX异步刷新

1498阅读 0评论2008-12-25 hkebao
分类:系统运维

1.客户端请求的代码:
      var XMLHttpReq;
      //分为两种情况进行创建xmlhttp对象
      function createXMLHttpRequest() {
             if(window.XMLHttpRequest) { //Mozilla 浏览器
                    XMLHttpReq = new XMLHttpRequest();
             }
             else if (window.ActiveXObject) { // IE浏览器
                     try {
                          XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
                     } catch (e){
                            try {
                                XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                            } catch (e) {}
                     }
             }
      }
      // 处理增加品牌响应函数
     function AddStateChange() {
        if (XMLHttpReq.readyState == 4) { // 判断对象状态
            //alert(XMLHttpReq.status);
            if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
                    AddSortList();//如果添加成功就到这一步
               }else { //页面不正常
                    window.alert("您所请求的页面有异常。");
               }
            }
     }
     //响应用户点击新增操作
     function checkuser() {         
          name = document.getElementById("CmName").value;//获取到客户输入值         
          if(name == "" ) {
               return true;
          }
          //其实通过XML发到服务器端的JAVA文件中去了
          var url = "ajax.asp?names="+ name;//表示是添加操作并且将名字传入
          createXMLHttpRequest();
          XMLHttpReq.onreadystatechange = AddStateChange;//监听状态是否变化
          XMLHttpReq.open("GET", url, true);//java文件中可以处理doGet方法
          XMLHttpReq.send(null);
     }  
     //返回处理的结果信息
     function AddSortList(){
           if(XMLHttpReq.responseText=="1"){
                  alert("当前用户名已注册");
                document.getElementById("CmName").value = "";
          }else{
                  alert("当前用户名可以注册");
                return true;
          }
     }
将此文件保存为ajax.js
注意了如果是单独保存为ajax.js的话是不能有