由于刚刚接触Ajax，所以在网上搜了一下如何实现简单的Ajax，在此写下来，也方便自己以后学习

什么是Ajax？

通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某个部分进行更新。

在2005年，Google通过其Google Suggest使Ajax变得流行起来。

XMLHttpRequest是Ajax的基础。

创建XMLHttpRequest对象

var xmlHttp=new XMLHttpRequest();

老版本的IE5、IE6使用Active对象：var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

利用GET方法的实例如下：

静态网页Ajax.html

 <html>

     <head>

         <title>Ajax</title>

         <script type="text/javascript">

             function loadXMLDoc()

             {

                 var xmlHttp;

                 if(window.XMLHttpRequest)

                 { // code for IE7+

                     xmlHttp = new XMLHttpRequest();

                 }

                 else

                 { // code for IE5/IE6

                     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

                 }

                 xmlHttp.onreadystatechange=function()

                 {

                     if(xmlHttp.readyState == 4 && xmlHttp.status == 200)

                     {

                         document.getElementById("myDiv").innerHTML=xmlHttp.responseText;

                     }

                 }

                 // get

                 xmlHttp.open("GET", "Ajax.aspx", true);

                 xmlHttp.send();

             }

         </script>

     </head>

     <body>

         <h3>ajax</h3>

         <button type="button" onclick="loadXMLDoc()">请求数据</button>

         <div id="myDiv"></div>

     </body>

 </html>

动态网页Ajax.aspx的后台代码

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 public partial class Ajax : System.Web.UI.Page

 {

     protected void Page_Load(object sender, EventArgs e)

     {

         Response.Clear();

         Response.Write(DateTime.Now.ToString("D"));

         Response.End();

     }

 }

在此后台代码中只是向请求页面返回了一个当前时间，运行第一个静态页面的结果如下：

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

  1. thinkphp5最最最最简单的ajax实例

    thinkphp5最最最最简单的ajax实例 一.总结 一句话总结:页面端使用$.get()方法传递ajax请求,服务器端判断是不是ajax请求,是的话接受参数,进行逻辑处理之后向客户端返回值. 1. ...

  2. 一个简单的AJAX实例

    创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据. 来源于菜鸟教程 <!DOCTYPE html><html><head><meta c ...

  3. 用原生JS&PHP简单的AJAX实例

    功能介绍: 1)file.html 使用 xmlhttp 请求服务器端文件 text ,并更新 file.html 的部分内容 2)update.html 使用 xmlhttp 通过 filewrit ...

  4. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...

  5. JavaScript强化教程——jQuery AJAX 实例

    什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...

  6. C#中jQuery Ajax实例（二）

    上一篇写了一个简单的Ajax异步程序,这一次同样是简单的程序,只不过这次先把参数传到一般处理程序(后缀为ashx)中,再把结果传回到页面. 1.html代码: <html xmlns=" ...

  7. jQuery Ajax 实例 ($.ajax、$.post、$.get)【转载】

    本文转载自:http://jun1986.iteye.com/blog/1399242 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的 ...

  8. jQuery Ajax 实例 ($.ajax、$.post、$.get)转

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:ht ...

  9. django-Query Ajax 实例 ($.ajax、$.post、$.get)

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:ht ...

随机推荐

  1. 【CMS】安装CMS

    Apache和MySQL准备好后开始安装CMS 在浏览器输入:http://localhost/install/index.php即可开始安装.

  2. 移动端网页宽度值（未加meta viewport标签）

    移动端网页宽度值(未加meta viewport标签): iphone:980px Galaxy(盖乐世):980px Nexus:980px blackberry(黑莓):980px LG:980p ...

  3. win7 登录后只能使用“临时配置文件”，原来的配置文件无法启用！

    这个问题,修改注册表就可以解决. 开始-> 运行-> 输入regedit,回车, 在HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\Cur ...

  4. ASP.NET MVC：通过FileResult向浏览器发送文件

    在 Controller 中我们可以使用 FileResult 向客户端发送文件. FileResult FileResult 是一个抽象类,继承自 ActionResult.在 System.Web ...

  5. url请求返回结果测试工具（CURL）

    官网:http://curl.haxx.se/download.html 具体用法用时百度 或  到时再补充

  6. 封装UIlabel 辨别用户名 ，话题 ，链接，电话，高亮文字等

    概述 对UIlabel进行封装 用于辨别用户名 ,话题 ,链接,电话,高亮文字等,链接跳转网页,电话点击拨打电话,完美封装UIlabel,适合绝大多数需求 详细 代码下载:http://www.dem ...

  7. Linux内核源代码分析方法

    Linux内核源代码分析方法   一.内核源代码之我见 Linux内核代码的庞大令不少人"望而生畏",也正由于如此,使得人们对Linux的了解仅处于泛泛的层次.假设想透析Linux ...

  8. 执行存储过程报错——ora-01031:权限不足

    1. 执行DDL报错 在oracle存储过程中,默认是可以直接执行DML和DQL的,但是执行CREATE这种的DDL则需要借助EXECUTE IMMEDIATE ···了,如下备份表语句 --抄表表备 ...

  9. 如何使用Dockerfile构建Tomcat镜像并部署war

    我们都知道Docker构建一个镜像有两种方式: 使用`docker commit`命令 使用`Dockerfile`文件和`docker build`命令 那么这两种方式有何区别呢? 相同点:底层实现 ...

  10. 给你的博客加上“Fork me on Github”彩带(转)

    给你的博客加上“Fork me on Github”彩带 https://www.cnblogs.com/Leo_wl/p/3608794.html https://github.blog/2008- ...