`

初步的AJAX开发框架

    博客分类:
  • ajax
阅读更多

<script language="javascript">
var XMLHttpReq = false;
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){}
       }
    }
}
function  sendRequest(url){
    //创建XMLHttpRequest对象
     createXMLHttpRequest();
    //调用open方法
     XMLHttpReq.open("GET",url,true);
    //指定服务器返回信息时客户端的处理函数
     XMLHttpReq.onreadystatechange = processResponse;
    //向服务器发送请求
    XMLHttpReq.send(null);
}
function processResponse(){
    //判断相应情况
    if(XMLHttpReq.readyState == 4){
       //判断HTTP状态码
       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("你请求的页面有异常");
       }
    }
}
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{
       //调用AJAX初步框架
        sendRequest("login?uname="+uname+"&pwd="+pwd);
    }
}
</script>

分享到:
评论

相关推荐

    AJAX开发简略(附源代码)

    7.2、AJAX开发框架... 9 A、初始化对象并发出XMLHttpRequest请求... 9 B、指定响应处理函数... 10 C、发出HTTP请求... 10 D、处理服务器返回的信息... 11 E、一个初步的开发框架... 11 7.3、简单...

    AJAX开发简略含续一(PDF 包含源代码)

     7.2、AJAX开发框架  A、初始化对象并发出XMLHttpRequest请求  B、指定响应处理函数  C、发出HTTP请求  D、处理服务器返回的信息  E、一个初步的开发框架  7.3、简单的示例  A、数据校验  B、级联菜单  ...

    AJAX开发简略含续一(PDF)

     7 2 AJAX开发框架  A 初始化对象并发出XMLHttpRequest请求  B 指定响应处理函数  C 发出HTTP请求  D 处理服务器返回的信息  E 一个初步的开发框架  7 3 简单的示例  A 数据校验  B 级联菜单  7 4 文档...

    AJAX开发简略含续一(PDF).rar

     7.2、AJAX开发框架  A、初始化对象并发出XMLHttpRequest请求  B、指定响应处理函数  C、发出HTTP请求  D、处理服务器返回的信息  E、一个初步的开发框架  7.3、简单的示例  A、数据校验  B、级联...

    AJAX开发简略

    AJAX 开发简略 一、AJAX 定义 ... B 、指定响应处理函数 C 、发出HTTP 请求 D 、处理服务器返回的信息 E 、一个初步的开发框架 7.3 、简单的示例 A 、数据校验 B 、级联菜单 &lt;br&gt;

    AJAX开发简略(含续一)

    描述中同样提及“AJAX开发简略(含续一)”,这可能意味着这是一个系列教程的一部分,涵盖了AJAX开发的多个阶段或主题,这次主要讲解的是AJAX的初步概念和后续的深入内容。 标签与标题相同,进一步确认了这个主题的...

    ajax开发实例描述

    Ajax 初步开发框架** Ajax 开发的基本流程包括创建 XMLHttpRequest 对象、设置请求参数、发送请求、处理服务器响应。以下是一个简单的开发框架: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', ...

    JSP+Ajax经典开发实例

    5. **库与框架**:在实际开发中,我们通常会借助于jQuery、Prototype、AngularJS等JavaScript库或框架,简化Ajax的使用,提高开发效率。 **经典实例分析** "JSP+Ajax1"可能包含了各种使用JSP和Ajax结合的实例,比如...

    ajax开发(pdf)

    ##### 7.2、AJAX开发框架 - **初始化对象并发出XMLHttpRequest请求**:创建请求对象,设置请求类型和URL,发送请求。 - **指定响应处理函数**:设置onreadystatechange事件监听器,用于处理服务器响应。 - **发出...

    AJAX开发简略(含续一).pdf

    ##### 7.2、AJAX开发框架 开发AJAX应用通常遵循以下步骤: 1. **初始化对象并发出XMLHttpRequest请求**:创建XMLHttpRequest对象,并配置其属性和事件监听器。 2. **指定响应处理函数**:设置onreadystatechange...

    AJAX开发简略,10分钟学会

    ##### 7.2、AJAX开发框架 - **初始化对象并发出XMLHttpRequest请求**:创建XMLHttpRequest对象,并设置相应的属性。 - **指定响应处理函数**:设置一个回调函数来处理服务器返回的数据。 - **发出HTTP请求**:使用...

    开发基于Struts Spring Hibernate Ajax的网上信息发布平台(Struts Hibernate Spring Ajax)--Chapter1

    **Spring**: Spring 是一个全面的Java企业级应用开发框架,它的核心特性包括依赖注入(DI)和面向切面编程(AOP)。在本项目中,Spring不仅能够管理Struts的Action对象,还能够处理事务管理和数据访问。Spring的IoC...

    ajax开发攻略pdf

    **Ajax 开发攻略** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。...通过阅读《Ajax开发攻略》这本书,并结合实例实践,你将能够快速掌握Ajax的精髓。

    快速开发框架有demo和使用说明

    ### 快速开发框架知识点详解 #### 一、框架简介 根据给定文件中的描述,这里推荐了一款快速开发框架,该框架不仅提供了演示(Demo)案例,还附带了详细的使用说明及示例源代码。这对于希望快速上手并进行高效开发...

    前台js的国内开发框架

    - **快速原型:** 通过minijs提供的基础模板和组件,开发者可以迅速搭建出应用的初步框架。 - **数据绑定和双向数据流:** minijs可能支持MVVM模式,使得数据模型和视图之间的同步更为简单,减少手动DOM操作。 - ...

    php+easyui DataGrid+ajax实例开发

    7. **测试与优化**:完成初步开发后,进行功能测试和性能优化,确保所有操作都能正确执行,且界面响应快速、用户体验良好。 这个实例将帮助开发者掌握PHP、EasyUI和Ajax的结合应用,提升Web应用的开发效率和用户...

    Ajax与PHPWEB开发_9w2p3w_php_

    在Web开发领域,Ajax(Asynchronous JavaScript and XML)与PHP的结合使用是构建动态、交互性强的网页应用的重要技术。Ajax允许网页在不刷新整个页面的情况下与服务器进行数据交换,提高了用户体验,而PHP则作为...

Global site tag (gtag.js) - Google Analytics