1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.     <head>
  4.             <title>ajaxѧϰ</title>
  5.             <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  6.             <script type="text/javascript">
  7.                 var xmlHttp;
  8.                 function createXMLHttpRequest(){
  9.                     if(window.XMLHttpRequest){
  10.                         //for IE7+,Firefox,Chrome,Opera,Safari
  11.                         xmlHttp = new XMLHttpRequest();
  12.                     }else{
  13.                         //for IE6,IE5
  14.                         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  15.                     }
  16.                 }
  17.                 function start0Request(){
  18.                     createXMLHttpRequest();
  19.                     //open(method,url,async)
  20.                     //规定请求的类型、URL 以及是否异步处理请求。
  21.                     //method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步）
  22.                     xmlHttp.open("get","http://m.weather.com.cn/data/101100101.html",false);
  23.                     xmlHttp.send();
  24.                     var result = xmlHttp.responseText;
  25.                     alert(result);
  26.                     document.getElementById("weatherID").innerHTML = "";
  27.                     document.getElementById("weatherID").innerHTML = result ;
  28.                 }
  29.                 function start1Request(){
  30.                     createXMLHttpRequest();
  31.                     xmlHttp.open("get","http://m.weather.com.cn/data/101100101.html",true);
  32.                     document.getElementById("weatherID").innerHTML = "";
  33.                     //onreadystatechange    存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
  34.                     //readyState    存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
  35.                     //0: 请求未初始化    1: 服务器连接已建立    2: 请求已接收    3: 请求处理中    4: 请求已完成，且响应已就绪
  36.                     //status    200: "OK"    404: 未找到页面
  37.                     xmlHttp.onreadystatechange = function(){
  38.                         if(4 == xmlHttp.readyState && 200 == xmlHttp.status){
  39.                             var result = xmlHttp.responseText;
  40.                             document.getElementById("weatherID").innerHTML = result ;
  41.                         }
  42.                     }
  43.  
  44.                     xmlHttp.send();
  45.                 }
  46.  
  47.             </script>
  48.     </head>
  49.     <body>
  50.         <input type="button" value="ajax同步" onclick="start0Request()"/>
  51.         <input type="button" value="ajax异步" onclick="start1Request()"/>
  52.         <div id="weatherID"></div>
  53.     </body>
  54. </html>

简单的使用Ajax，多多指教！谢谢！

简单的Ajax例子的更多相关文章

  1. struts2框架下的一个简单的ajax例子

    举个例子 jsp页面: <%@ page language="java" import="java.util.*" pageEncoding=" ...

  2. DOM编程艺术章12：一个简单的Ajax例子

    大概入了JavaScript的门,现在要回过头恶补Ajax和json了,随手翻到dom编程艺术发现有一个适合回忆的例子,先抄录下来,引入对Ajax作用的大概印象,再去掰开了研究. <!DOCTY ...

  3. 原生javascript和jquery实现简单的ajax例子

    后台C#代码 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/p ...

  4. jQuery简单的Ajax调用示例

    jQuery确实方便,下面做个简单的Ajax调用: 建立一个简单的html文件: <!DOCTYPE HTML> <html> <head> <script ...

  5. 利用jQuery与.ashx完成简单的Ajax

    在ASP.NET同样可以与其它编程语言一样,利用前台的Ajax技术,只是需要注意的是,后台的处理程序不再是一个aspx页面中的Page_Load,而且ASP.NET独有的“一般处理程序”.ashx,下 ...

  6. Ajax例子，views返回，html接收数据

    Ajax例子,views返回,html接收数据 views from django.shortcuts import render,HttpResponse,render_to_response im ...

  7. 一个简单的CORBA例子

    因为对CORBA分析的需要,这里写一个简单的CORBA例子.从JDK1.2开始,JDK中集成了ORB的实现,本例子使用了JDK1.7,对于JDK1.2+应该都没有问题.这个例子实现一个简单的加减乘除的 ...

  8. 菜鸟学习Hibernate——简单的一个例子

    一.Hibernate开发. 上篇博客已经为大家介绍了持久层框架的发展流程,持久层框架的种类. 为了能够使用Hibernate快速上手,我们先讲解一个简单的Hibernate应用实例hibernate ...

  9. 轻松创建nodejs服务器（1）：一个简单nodejs服务器例子

    这篇文章主要介绍了一个简单nodejs服务器例子,本文实现了一个简单的hello world例子,并展示如何运行这个服务器,需要的朋友可以参考下   我们先来实现一个简单的例子,hello world ...

随机推荐

  1. 第一个Cookie应用

    Cookie应用:显示用户上次访问时间 package com.itheima.cookie; import java.io.IOException; import java.io.PrintWrit ...

  2. JAXB - Unmarshalling

    A simple approach for unmarshalling an XML document consists of the creation of a JAXB context and t ...

  3. JAXB - Annotations, Type Mapping: XmlSchemaType

    The annotation XmlSchemaType defines a mapping between an arbitrary Java type and a simple schema bu ...

  4. WinForm程序中两份mdf文件问题的解决

    在项目中用程序中嵌入mdf文件的方式来进行SQLServer数据库开发非常方便,用来发布开源项目等很方便,点击就可以运行,免部署,特别是在教学中用起来更加方便,老师不用先将数据库文件detach再发给 ...

  5. 对象创建型模式------Builder(生成器）

    本文系转载,转载地址http://blog.sina.com.cn/s/blog_59b6af690100zj3l.html,只供自己学习使用. 假设现在有三种产品,是玩具,都是由三部分组成,头,身体 ...

  6. Walkthrough: Creating and Using a Dynamic Link Library (C++)

    Original Link: http://msdn.microsoft.com/zh-cn/library/ms235636.aspx Following content is only used ...

  7. libjingle线程机制

    libjingle包装了所有的线程,包括signaling thread,worker thread, 和其它任何线程,用talk_base::Thread来包装.所有的 Thread对象由Threa ...

  8. Linux操作系统是如何工作的？破解操作系统的奥秘

    学号:SA12**6112 研究笔记: 1:计算机是怎么样工作的 2:用户态到内核态切换之奥秘解析 3:进程切换之奥秘解析 本博文主要是根据前3篇笔记来总结Linux内核的工作机制. 一:操作系统工作 ...

  9. Poj 1006 / OpenJudge 2977 1006 Biorhythms/生理周期

    1.链接地址: http://poj.org/problem?id=1006 http://bailian.openjudge.cn/practice/2977 2.题目: Biorhythms Ti ...

  10. python 自动化之路 day 01 人生若只如初见

    本节内容 Python介绍 发展史 Python 2 or 3? 安装 Hello World程序 Python 注释 变量 用户输入 模块初识 .pyc是个什么鬼? 数据类型初识 数据运算 表达式i ...