`

给初学ajax朋友的一个小demo

阅读更多
[color=green][/color]
第一个方法用来创建XMlHttpRequest
function ajaxFunction()
{
var xmlHttp;
try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
catch (e)
    {
  // Internet Explorer
   try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
   catch (e)
      {
      try
         {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e)
         {
         alert("您的浏览器不支持AJAX!");
        
         }
      }
    }
return xmlHttp;
}
第二个用来进行异部提交
function change(){
    var xmlhttp;
    //这里调用了上面的方法
    xmlhttp= ajaxFunction();
    xmlhttp.onreadystatechange=callback;
    //这里用来向服务器创建一个异部请求,是一个相当关键的一步,可以是一个servlet的位置,也可以是一个struts中的action位置
    xmlhttp.open("GET","firstajaxpage.jsp",true);
    xmlhttp.send(null);
    function callback()
      {
      if(xmlhttp.readyState==4)
        {
         document.myForm.time.value=xmlhttp.responseText;
        }
      }

}
分享到:
评论

相关推荐

    ajaxDEMO 适合ajax初学者

    本AjaxDEMO适合初学者学习,旨在提供一个基础的实践平台,帮助理解Ajax的工作原理及其在实际开发中的应用。** ### 1. Ajax基础知识 Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器端通信。当...

    ajax使用简单demo

    以下是一个简单的Ajax GET请求示例,通过加载一个本地文件(例如,`ajaxDEMO.txt`)并将其内容显示在页面上: ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听状态变化 xhr....

    Ajax 实现小demo

    这个“Ajax 实现小demo”应该是一个针对初学者展示如何使用Ajax进行简单数据交互的实例。 在Ajax的核心中,有以下几个关键组成部分: 1. **XMLHttpRequest对象**:这是Ajax的核心,JavaScript通过创建...

    ajax经典demo-初学者的好东西

    1. **XMLHttpRequest对象**:这是Ajax的核心,它是JavaScript的一个内置对象,负责在后台与服务器通信。通过创建XMLHttpRequest实例,我们可以向服务器发送请求并接收响应。 2. **JavaScript事件处理**:Ajax常与...

    jquery ajax servlet json简单demo

    这个简单的demo是一个很好的学习资源,帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互,以及如何使用JSON进行数据交换。通过实践这个demo,你可以更深入地了解这些技术的实际应用。同时,它也展示了Web...

    ajax demo[含一个完整例子 一个入门手册]

    提供的"ajax demo"应该包含一个简单的Ajax示例,这对于初学者来说非常有用。示例通常会涵盖创建XMLHttpRequest对象、发送请求、处理响应等基本操作。而"入门手册"则会详细介绍Ajax的概念、工作原理、使用方法以及...

    ajax实现登陆demo

    本篇文章将详细讲解如何使用Ajax实现一个登录功能,尤其适用于.NET框架的初学者。 首先,我们需要了解Ajax的基本工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器通信。通过创建...

    asp.net AJAX 实例Demo

    ajax 引用简单Demo,合适初学者,容易理解DEMO

    很简单的几个java&ajax的小demo

    在这个demo中,可能会有一个简单的Servlet实例,用来接收Ajax发送的数据,并进行相应的处理。 2. **JSP(JavaServer Pages)**:JSP是Java Web开发中的视图层技术,可以将HTML和Java代码结合在一起,方便地生成动态...

    Ajax_Jquery_Demo

    Ajax允许在不刷新整个页面的情况下与服务器进行数据交互,而jQuery则是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。"Ajax_Jquery_Demo"这个压缩包文件提供了学习和实践这两个技术的...

    Ajax_Json_jQuery详细Demo

    jQuery是一个强大的JavaScript库,极大地简化了JavaScript编程,包括对DOM操作、事件处理、动画效果以及Ajax交互。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于...

    express+ajax+MongoDB做的一个增删查改小demo

    在这个小demo中,JavaScript可能被用来处理用户输入,触发Ajax请求,并更新页面以显示来自数据库的响应。 MongoDB是一个流行的文档型数据库,适合处理非结构化或半结构化的数据。它使用JSON-like的文档格式存储数据...

    AjaxDemo-可以直接使用 Google 搜索 提示 ajax 模糊查询 最简单的Demo.zip

    AjaxDemo是一个基于JavaScript、JSP和Ajax技术的简单示例,旨在模仿Google的搜索提示功能,实现模糊查询的动态效果。这个Demo可以帮助开发者理解和学习如何在网页中实现实时搜索建议,提高用户交互体验。 首先,...

    Demo_Ajax开发Demo

    在JavaScript中,你可以通过`new XMLHttpRequest()`来实例化一个XMLHttpRequest对象。一旦有了这个对象,就可以设置HTTP请求的参数,如请求类型(GET或POST)、URL以及是否异步执行。例如: ```javascript var xhr ...

    适合ajax初学者的简易聊天程序

    本教程将引导初学者深入理解AJAX(异步JavaScript和XML)技术,通过一个实际的在线聊天程序项目来阐述其核心概念和应用。这个简易聊天程序的实现不依赖任何第三方的AJAX库,如jQuery或Prototype,而是完全依靠原生的...

    原生态的asp.net ajax demo

    【原生态的ASP.NET AJAX Demo】是一个用于展示ASP.NET中使用AJAX技术的实例,它包含了一系列关键组件和代码,帮助开发者理解如何在不刷新整个页面的情况下实现异步数据交互和增强用户体验。在这个Demo中,我们可以...

    json +jquery DEMO AJAX

    在描述的DEMO中,可能包含了一个HTML页面,用于展示AJAX获取的JSON数据,以及一个JavaScript文件,包含使用jQuery发送AJAX请求并处理返回的JSON数据的代码。DEMO的目的是帮助初学者理解如何在实际项目中结合使用这些...

    AjaxPro 简单Demo适合初学者

    这个"AjaxPro简单Demo适合初学者"是一个很好的起点,帮助新手理解如何在实际项目中运用AjaxPro技术来提升Web应用的用户体验。 首先,AjaxPro的核心特性是它可以将服务器端的.NET方法封装为Ajax调用,使得前端...

    zktest_DEMO.rar_DEMO_ajax zk demo_portal_zk port_zk portal

    【标题】"zktest_DEMO.rar_DEMO_ajax zk demo_portal_zk port_zk portal" 提供了一个关于ZK框架和Ajax技术集成应用的演示项目。这个DEMO旨在展示如何将ZK Portal与Ajax功能整合,实现一个可拖动的用户界面。 【描述...

    java web ajax 入门Demo 百度 Google 搜索 提示 ajax 模糊查询

    本文将通过一个简单的Demo,教你如何使用Ajax实现类似百度或Google搜索时的模糊查询功能。 首先,我们需要了解Ajax的基本构成: 1. **XMLHttpRequest对象**:这是Ajax的核心,用于在后台与服务器进行通信,发送...

Global site tag (gtag.js) - Google Analytics