• 没有AJAX会怎么样？普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面，比如实现显示服务器时间。每次都要刷新页面的坏处：页面刷新打断用户操作、速度慢、增加服务器的流量压力。如果没有AJAX，像在优酷网站看视频的过程中如果点击了评论等功能，页面就会刷新，视频就会被打断。
  • AJAX（Asynchronous JavaScript and XML,异步JavaScript和XML）是一种进行页面局部异步刷新的技术，用AJAX向服务器发送请求和获得服务器返回的数据并且更新到界面中，不是整个页面刷新，而是在HTML页面中使用JavaScript创建XMLHTTPRequest对象来向服务器发出请求以及获得返回的数据，就像JavaScript版的WebClient一样，在页面中由XMLHTTPRequest来发出Http请求和获得服务器的返回数据，这样页面就不会刷新了。XMLHTTPRequest是AJAX的核心对象。
  • 开发一个AJAX功能需要开发服务端和客户端两块程序。例如，我们开发一个显示服务端的时间为例：首先开发一个一般程序程序GetDate1.ashx,输出当前时间。在HTML页面中放一个按钮，在按钮的onclick中创建XMLHTTP向GetDate1.ashx发送请求，获得返回的数据并显示到界面上。如面试常考：不使用UpdatePanel,JQuery等AJAX库编写一个AJAX程序。
  • 也可以在xmlhttp.open向服务器传递参数：xmlhttp.open("POST","GetDate1.ashx?id=1",false),如果传递给服务器的请求里有中文，则需要使用JavaScript函数encodeURI来进行URL编码。
  • POST方式下一般不会有缓存，Get则有，如果页面地址不变的话，则会直接从缓存读取。

示例1：取得服务端时间

1. 开发服务端，建立一般处理程序

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace AJAX1

{

    /// <summary>

    /// AJAXGetTime 的摘要说明

    /// </summary>

    public class AJAXGetTime : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            //以下的这些都是清除缓存用的，因为用get的方法时，如果有缓存，则回应是从缓存中读取的。

            context.Response.Buffer = true;

            context.Response.Expires = ;

            context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-);

            context.Response.AddHeader("pragma", "no-cache");

            context.Response.AddHeader("cache-control", "private");

            context.Response.CacheControl = "no-cache";

            string id = context.Request["id"];

            context.Response.Write(DateTime.Now.ToString()+"-->"+id);

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

2.开发客户端，建立普通 的html页面，用JavaScript创建XMLHTTPRequest,此示例是IE的xmlhttp的，如果用到其它内核的浏览器则要创建其它浏览器的xmlhttprequest.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

     <meta HTTP-EQUIV="pragma" CONTENT="no-cache" />

     <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate" />

     <meta HTTP-EQUIV="expires" CONTENT="0" />

    <script type="text/javascript">

        function gettime() {

            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建xmlhttp对象，相当于创建webclient

            if (!xmlhttp) {

                alert("创建xmlhttp对象异常.");

                return;

            }

            xmlhttp.open("GET", "AJAXGetTime.ashx?id="+encodeURI("国家名称"), false); //准备向服务器AJAXGetTime.ashx发出post请求

            //XMLHTTP默认(也推荐)不是同步请求的，也就是open方法并不像webclient的downloadString那样把服务器返回的数据拿到才返回，是异步的。因此需要监听onreadystatechange事件

            xmlhttp.onreadystatechange = function () {

                if (xmlhttp.readyState == 4) {//4表示数据已返回了

                    if (xmlhttp.status == 200) { //返回成功

                        document.getElementById("Text1").value = xmlhttp.responseText; //responseText属性为服务器返回的文本.

                    }

                    else {

                        alert("AJAX服务器返回错误."); //此时才开始发送请求

                        return;

                    }

                }

            }

            xmlhttp.send();

       }

    </script>

    <style type="text/css">

        #Text1 {

            width: 449px;

        }

    </style>

</head>

<body>

    <p>

        <input id="Text1" type="text" /><input id="Button1" type="button"

            value="GetServerTime" onclick="gettime();" /></p>

</body>

</html>

1.AJAX简介的更多相关文章

  1. PHP AJAX 简介

    AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 是什么? AJAX = Asynchronous JavaScript and XML. AJAX ...

  2. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...

  3. js进阶课程ajax简介（ajax是浏览器来实现的）

    js进阶课程ajax简介(ajax是浏览器来实现的) 一.总结 1.ajax使用需要服务器支持,比如phpstudy 2.ajax是浏览器支持的功能:ajax有个核心对象XMLHttpRequest, ...

  4. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)   Django基础七之 ...

  5. ajax简介及JS写原生ajax

    ajax 1.什么是ajax ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 X ...

  6. AJAX简介

    基本介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML). 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音.Web应用的交互如Fli ...

  7. AJAX 简介

    什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味 ...

  8. AJAX开发技术--AJAX简介

    Asynchronous  JavaScript and XML,异步JavaScript和XML 主要目的用于页面的局部刷新.不用全部刷新,提高性能. 在AJAX中主要是通过XMLHttpReque ...

  9. jQuery AJAX 简介

    AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. jQuery AJAX 实例 使用 jQuery AJAX 修改文本内容 尝试一下 » 什么是 AJAX? A ...

随机推荐

  1. #IOS-navigation中左滑pop的三种方法

    IOS-navigation中左滑pop的三种方法 系统自带pop方法 如果我们没有对navigation中的back按钮进行自定义,我们可以直接使用系统自带的左滑pop方法.但是如果我们对back按 ...

  2. Java基础知识强化之多线程笔记01：多线程基础知识（详见Android（java）笔记61~76）

    1. 基础知识: Android(java)学习笔记61:多线程程序的引入    ~    Android(java)学习笔记76:多线程-定时器概述和使用 

  3. 2.添加键盘钩子。向进程中注入dll

    学习笔记 1.首先要建立mfc的动态链接库.在def文件中放入要导出的函数名. 2.添加函数如下 //安装钩子 //HHOOK SetWindowsHookEx( // int idHook,//钩子 ...

  4. PetaPoco 增删改查

    1 查询单行 DBInstance.DB.SingleOrDefault<CompanyInfo11>(id); /// <summary> /// 根据id获取公司信息 // ...

  5. PHP 正则表达式匹配 preg_match 与 preg_match_all 函数

    --http://www.5idev.com/p-php_preg_match.shtml 正则表达式在 PHP 中的应用 在 PHP 应用中,正则表达式主要用于: 正则匹配:根据正则表达式匹配相应的 ...

  6. java_设计模式_工厂模式_Factory Pattern（2016-08-04）

    工厂模式主要是为创建对象提供了接口.工厂模式按照<Java与模式>中的提法分为三类: (1)简单工厂(Simple Factory)模式,又称静态工厂方法模式(Static Factory ...

  7. SGU 190.Dominoes(二分图匹配)

    时间限制:0.25s 空间限制:4M 题意: 给定一个N*N的棋盘,一些格子被移除,在棋盘上放置一些1*2的骨牌,判定能否放满,并且输出任意方案. Solution: 首先考虑对棋盘的一个格子黑白染色 ...

  8. Perl 中级教程 第5章课后习题

    5. 9. 1. 练习1 [5 分钟] 先不要运行程序, 看看你能否判断出这程序的哪部份出了问题?如果你看不出 来, 就可以运行一相程序, 得到些暗示, 来看是否能修改好: my %passenger ...

  9. TestNG扩展

    1. TestNG API 本章节将讨论如何使用TestNG API来创建自己的TestNG对象.TestNG的API基本由接口组成,这样做是为了容易模拟TestNG返回的对象. 1.1 org.te ...

  10. dedecms---------自由列表标题：网站地图自由列表

    列表HTML存放目录:{cmspath}/ 目录默认页名称:sitemap.xml 命名规则:{listdir}/sitemap.xml 列表模板:{style}/map.htm 循环内的单行记录样式 ...