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简要介绍 #### 一、什么是AJAX? AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页可以实现动态...
Ajax,全称Asynchronous JavaScript + XML(异步JavaScript和XML),是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。2005年,James Garrett在一篇开创性的文章中首次提出了Ajax的概念,它彻底改变了...
下面是一个简单的Ajax GET请求的例子: ```html <!DOCTYPE html> function loadDoc() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status...
**标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...
本篇文章通过一个简单的示例介绍了AJAX的基本工作流程和技术要点。通过这种方式,开发人员可以在不刷新整个页面的情况下实现局部内容的动态更新,从而提高用户交互体验。希望本文能帮助初学者更好地理解和掌握AJAX...
下面将详细介绍Ajax的工作原理、基本使用方法以及提供的示例中的相关知识点。 一、Ajax工作原理 1. 用户触发事件:例如,点击一个按钮或链接。 2. 创建Ajax对象:在JavaScript中,通常使用`XMLHttpRequest`对象来...
在这个"基于SSH的AJAX简单实例"中,我们将探讨如何将SSH框架与AJAX结合,以实现更加动态和交互式的Web应用。 1. **SSH框架介绍**: - **Spring**:Spring是一个全面的Java企业级应用开发框架,提供了依赖注入、...
详细介绍了Ajax简单实例应用详细介绍了Ajax简单实例应用
简单介绍Ajax
本文将围绕一个基于Java的反向Ajax聊天实例——"反向Ajax聊天简单例子"进行详细解析。 1. 反向Ajax原理: 反向Ajax的核心思想是通过持久连接(Persistent Connection)或轮询(Polling)等技术,使服务器能够在有...
在"ajax的一个简单例子"中,我们通常会看到以下几个关键组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有的浏览器都内置了这个对象,用于与服务器进行异步通信。例如: ```javascript var ...
本教程将介绍一个简单的Java后端与Ajax结合的入门示例,帮助初学者理解这一技术的核心概念。 首先,Ajax的核心在于XMLHttpRequest对象,它是JavaScript内置的对象,用于在后台与服务器交换数据。在Java端,通常会...
这个"很简单的一个AJAX例子"的标题和描述表明,我们将会探讨一个基础的AJAX应用实例,它可能包含了一个简单的JavaScript代码示例,用于向服务器发送请求并接收响应,以实现页面的异步更新。 在Web开发中,AJAX的...
### Prototype的Ajax介绍 #### 一、Prototype框架与Ajax **Prototype** 是一款JavaScript库,其设计目的是为了简化客户端脚本编程。它提供了一系列高级功能,使得开发人员能够更加高效地构建动态网页应用。其中,*...
简单介绍了一下Ajax
1. **ajax简单入门讲解.htm**:这可能是一个HTML文档,用于介绍Ajax的基础概念,包括它的核心组成部分,如XMLHttpRequest对象、JavaScript函数、DOM操作以及JSON或XML数据格式。它可能包含实例代码,帮助初学者理解...
AJAX简单实现新闻拖放系统 一段介绍实现拖放功能的简单代码,需要一定的编程水平。
本文将详细介绍如何对Ajax进行简单的封装,包括GET和POST方法,以及同步和异步提交的实现,主要针对ASP.NET环境。 **1. Ajax的基础概念** Ajax的核心是JavaScript对象XMLHttpRequest,它允许开发者在不刷新整个...
以下是一个简单的 Ajax 请求示例: ```javascript // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 打开一个连接,通常使用 GET 或 POST 方法 xhr.open('GET', 'validate.jsp', true); // 当...
在.NET平台上构建一个基于Ajax的简单登录界面,可以极大地提升用户体验,因为它允许用户在不刷新整个页面的情况下进行交互。这个项目结合了服务器端的技术、客户端的JavaScript以及Ajax异步通信,实现了快速、流畅的...