`
javaimlike
  • 浏览: 96050 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax的基础应用

    博客分类:
  • Html
阅读更多

/**

     这是一段 javaScript ajax的一段基础应用实例

**/

//这段代码是 创建一个XMLHttpRequest对象

function initAjax(){//初始化,指定处理函数,发送请求的函数
 http_request=false;
 //开始初始化XMLHttpRequest对象
 if(window.XMLHttpRequest){//Mozilla浏览器
  http_request=new XMLHttpRequest();
  if(http_request.overrideMimeType){//设置MIME类别
   http_request.overrideMimeType("text/xml");
  }
 }
 else if(window.ActiveXObject){//IE浏览器
  try{
   http_request=new ActiveXObject("Msxml2.XMLHttp");
  }catch(e){
   try{
    http_request=new ActiveXobject("Microsoft.XMLHttp");
   }catch(e){}
  }
 }
 if(!http_request){//异常,创建对象实例失败
  window.alert("创建XMLHttp对象失败!");
  return false;
 }
 return http_request;

}

 

//---------------------------------------------------------------------------------------------------------------

 

function rightinfo()
{
 var url;

var qqAddress=./ajax/rr.jsp;//这是一个请求的路径可以是一个页面,也可以是一个 servlet
 var ajax = initAjax();
 url = encodeURI('qqAddress?r='+ Math.random());
 ajax.open('post',url,true);
 ajax.send(null);
 ajax.onreadystatechange = function()
 {
  
  if(ajax.readyState == 4)
  {
   
   document.getElementById('friendList').innerHTML = ajax.responseText;

          //这个地方写自己的方法

          //ajax.responseText   这是异步请求的 得到的一个结果对象

          alert("执行自己的代码");
   }
 }
}

 

分享到:
评论

相关推荐

    ajax基础应用ppt

    初学ajax的朋友,可以下载此ppt作为学习资料

    Ajax 与 PHP Web 开发

    本书不仅从ajax的客户端和服务器端技术两个方面指导读者逐步掌握ajax基础应用,还通过实例详细演示了ajax表单验证、ajax聊天室、ajax suggest、使用svg实现的ajax实时绘图程序、ajax grid、ajax rss阅读器和ajax拖放...

    JavaScript语言与Ajax应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    在"JavaScript语言与Ajax应用(第二版)"这本书中,作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**:JavaScript语言的基础包括变量、数据类型、运算符、流程控制(条件语句、循环语句)、...

    Ajax基础入门简介

    **Ajax基础入门简介** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这一技术的出现极大地提升...

    Ajax基础教程(亚马逊计算机榜首图书,国内第1本Ajax图书) [第一部分 共两部分]

    Ajax技术可以提供高度交互的Web应用,给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...

    Ajax基础教程(扫描版)

    如何用ajax开发全新用户体验的web应用,如何用ajax赋予原有应用新的生命?本书将给你满意的答案!  书中不仅详细讲述了如何结合使用各种标准web技术如javascript、html、css和xmlhttprequest开发ajax应用,而且涵盖了...

    传统Web应用与AJAX应用

    **传统Web应用与AJAX应用** 在Web应用的发展历程中,传统的Web应用和AJAX(Asynchronous JavaScript and XML)应用是两个重要的阶段。传统的Web应用,又称为“页面刷新”模型,是基于HTTP协议的请求-响应模式。用户...

    csdn 图书 Ajax基础教程.chm

    《Ajax基础教程.chm》 Ajax技术可以提供高度交互的Web应用,给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的...

    AJAX基础及其应用

    AJAX基础 解释AJAX的概念 理解XMLHTTPRequest对象 AJAX(Asynchronous JavaScript and XML),是用为改善用户交互的web技术。他是Javascript、css、DOM和XML等技术的综合应用。

    ajax应用举例

    当然,实际的Ajax应用可能涉及到更复杂的错误处理、缓存策略以及跨域问题,但这些都是建立在这个基础之上的。现在,你可以查看名为“gj”的压缩包文件中的代码,进一步学习和实践这些Ajax知识。

    AJAX教程实例,ASP+AJAX+ACCESS数据库应用教程(附源码)-Ajax基础教程 by alixixi_com.mht

    AJAX教程实例,ASP+AJAX+ACCESS数据库应用教程(附源码)-Ajax基础教程 by alixixi_com.mht

    精通Ajax 基础概念.核心技术与典型案例

    ## **一、Ajax基础概念** 1. **异步通信**:Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行通信,不阻塞用户对页面的操作。 2. **局部刷新**:Ajax可以只更新网页的部分区域,而不是整个页面...

    Ajax基础实例讲解

    在Ajax的基础实例中,通常包括以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,它是浏览器提供的一个内置对象,用于在后台与服务器通信。在JavaScript中,我们可以通过`new XMLHttpRequest()`...

    ajax 基础

    以下是对Ajax基础知识的详细阐述: 1. **工作原理** - Ajax 的核心是 XMLHttpRequest 对象,它允许JavaScript在后台与服务器通信,而不会打断用户的交互。 - 一个典型的Ajax流程包括创建XMLHttpRequest对象、打开...

    AJAX基础教程.pdf

    ### AJAX基础教程知识点总结 #### 一、AJAX概述 - **定义**:Asynchronous JavaScript and XML(异步JavaScript和XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 - **目的**:提高Web应用的...

    ajax实例演示源代码详细描述了ajax的应用

    1. 创建XMLHttpRequest对象:这是Ajax交互的基础,用于与服务器通信。 2. 发送请求:使用XMLHttpRequest对象的`open()`和`send()`方法发起HTTP请求。 3. 监听状态变化:设置`onreadystatechange`事件处理器,当请求...

    ajax基础教程_1

    Ajax技术可以提供高度交互的Web应用,给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...

    14ajax课程_AJAX基础_

    **AJAX基础详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)是一种核心技术,它...掌握AJAX基础,有助于你更好地理解和构建现代Web应用程序。通过不断实践和学习,你可以进一步提升这方面的技能。

    AJAX基础教程

    **AJAX基础教程** 在Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种不可或缺的技术,它使得网页可以在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本教程将带您深入理解AJAX的基本...

    Ajax 基础教程中文版.pdf

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过阅读"Ajax基础教程中文版",你可以深入了解Ajax的工作原理,学会如何在实践中运用它。

Global site tag (gtag.js) - Google Analytics