`

ajax简单介绍

    博客分类:
  • ajax
阅读更多

Ajax(Asynchronous Javascript and XML) 异步Javascript和XML,ajax不是一种新的编程语言,而是一种使用现有标准的新方法。ajax基于javascript和HTTP请求,是一种独立于WEB服务器软件的浏览器技术。

 

ajax是一种WEB交互的方法,这种方法只是在客户端和服务器间传输少量的信息,在不重载页面的情况下从服务器获取信息,从而给用户提供响应更及时的体验。

 

 

XMLHttpRequest对象:它是ajax处理所有与服务器的通信的对象,提供了在网页加载后与服务器进行通信的方法;

 

工作流程:①获取请求,创建对象

               ②建立要连接的URL

       ③打开到服务器的连接

       ④设置回调函数

       ⑤发送请求

 

XMLHttpRequest对象的属性:

 

 

属性 描述
readyState 提供当前的就绪状态
status 服务器响应的状态代码
responseText 服务器返回的请求响应文本
responseXML 服务器返回的请求响应XML文本

 

 

 

 

 

 

 

 

 

XMLHttpRequest对象的方法:

 

 

属性 描述
open(type,url,true?false) 建立到服务器的请求
send(para/null) 向服务器发送请求
abort() 退出当前请求

 

 

 

 

 

 

 

 

readyState : 0:没有初始化;

     1:正在读取中;

     2:已读取;

     3:交互中;

     4:完成

 

 


 

<script type="text/javascript">
function createRequest(){
     var req=false;
      if(window.XMLHttpRequest){  
      
        req = new XMLHttpRequest();//其他浏览器,创建空的XMLHTTP对象(包括IE7+)  
          
    }else if(window.ActiveXObject){  
      
        req = new ActiveXObject("Microsoft.XMLHTTP");//创建空的微软XMLHTTP对象(老版本的IE5和IE6)     
    } 
    if(req){
     req.open("GET",dname,false);//打开XMLHTTP对象
     req.onreadystatechange=callback;
     req.send();//发送XMLHTTP对象 

} 
     
}
</script>
分享到:
评论

相关推荐

    AJAX简单介绍1111111111111111111111

    ### AJAX简要介绍 #### 一、什么是AJAX? AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页可以实现动态...

    ajax简单介绍与应用

    Ajax,全称Asynchronous JavaScript + XML(异步JavaScript和XML),是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。2005年,James Garrett在一篇开创性的文章中首次提出了Ajax的概念,它彻底改变了...

    ajax简单介绍和例子

    下面是一个简单的Ajax GET请求的例子: ```html &lt;!DOCTYPE html&gt; function loadDoc() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status...

    自己用的简单封装AJAX类

    **标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...

    对AJax的简单理解

    本篇文章通过一个简单的示例介绍了AJAX的基本工作流程和技术要点。通过这种方式,开发人员可以在不刷新整个页面的情况下实现局部内容的动态更新,从而提高用户交互体验。希望本文能帮助初学者更好地理解和掌握AJAX...

    ajax简单的demo

    下面将详细介绍Ajax的工作原理、基本使用方法以及提供的示例中的相关知识点。 一、Ajax工作原理 1. 用户触发事件:例如,点击一个按钮或链接。 2. 创建Ajax对象:在JavaScript中,通常使用`XMLHttpRequest`对象来...

    基于SSH的AJAX简单实例

    在这个"基于SSH的AJAX简单实例"中,我们将探讨如何将SSH框架与AJAX结合,以实现更加动态和交互式的Web应用。 1. **SSH框架介绍**: - **Spring**:Spring是一个全面的Java企业级应用开发框架,提供了依赖注入、...

    Ajax简单实例应用

    详细介绍了Ajax简单实例应用详细介绍了Ajax简单实例应用

    前端ajax介绍

    简单介绍Ajax

    反向ajax聊天简单例子

    本文将围绕一个基于Java的反向Ajax聊天实例——"反向Ajax聊天简单例子"进行详细解析。 1. 反向Ajax原理: 反向Ajax的核心思想是通过持久连接(Persistent Connection)或轮询(Polling)等技术,使服务器能够在有...

    ajax的一个简单例子

    在"ajax的一个简单例子"中,我们通常会看到以下几个关键组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有的浏览器都内置了这个对象,用于与服务器进行异步通信。例如: ```javascript var ...

    Java端 ajax简单入门例子

    本教程将介绍一个简单的Java后端与Ajax结合的入门示例,帮助初学者理解这一技术的核心概念。 首先,Ajax的核心在于XMLHttpRequest对象,它是JavaScript内置的对象,用于在后台与服务器交换数据。在Java端,通常会...

    很简单的一个AJAX例子

    这个"很简单的一个AJAX例子"的标题和描述表明,我们将会探讨一个基础的AJAX应用实例,它可能包含了一个简单的JavaScript代码示例,用于向服务器发送请求并接收响应,以实现页面的异步更新。 在Web开发中,AJAX的...

    prototype的Ajax介绍

    ### Prototype的Ajax介绍 #### 一、Prototype框架与Ajax **Prototype** 是一款JavaScript库,其设计目的是为了简化客户端脚本编程。它提供了一系列高级功能,使得开发人员能够更加高效地构建动态网页应用。其中,*...

    37.简单介绍了一下Ajax.avi

    简单介绍了一下Ajax

    ajax简单入门讲解

    1. **ajax简单入门讲解.htm**:这可能是一个HTML文档,用于介绍Ajax的基础概念,包括它的核心组成部分,如XMLHttpRequest对象、JavaScript函数、DOM操作以及JSON或XML数据格式。它可能包含实例代码,帮助初学者理解...

    AJAX简单实现新闻拖放系统

    AJAX简单实现新闻拖放系统 一段介绍实现拖放功能的简单代码,需要一定的编程水平。

    ajaxTest 实用简单封装

    本文将详细介绍如何对Ajax进行简单的封装,包括GET和POST方法,以及同步和异步提交的实现,主要针对ASP.NET环境。 **1. Ajax的基础概念** Ajax的核心是JavaScript对象XMLHttpRequest,它允许开发者在不刷新整个...

    Ajax技术简单入门介绍

    以下是一个简单的 Ajax 请求示例: ```javascript // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 打开一个连接,通常使用 GET 或 POST 方法 xhr.open('GET', 'validate.jsp', true); // 当...

    .net平台开发的一个简单的Ajax登录界面

    在.NET平台上构建一个基于Ajax的简单登录界面,可以极大地提升用户体验,因为它允许用户在不刷新整个页面的情况下进行交互。这个项目结合了服务器端的技术、客户端的JavaScript以及Ajax异步通信,实现了快速、流畅的...

Global site tag (gtag.js) - Google Analytics