AJAX( Asynchronous JavaScript and XML),即:javascript和XML;

  是一种进行页面局部异步处理数据的技术,用AJAX向服务器发送请求和获取服务器返回的数据并且更新到界面中,不是整个页面的刷新,而是HTML页面中使用JAVASCRIPT创建XMLHTTPRequest对象来向服务器发出请求以及获得返回的数据,就像WebClient一样(向服务器发出请求,WebClient wc=new Webclient();    string str=wc.DownLoadString("GetServerTime.ashx");      $("#textbox1").val(s);   ),在页面中由XMLHTTPRequest来发布Http请求和获得服务器的返回数据;XMLHTTPRequest是AJAX的核心

Example 1:

  1、首先建立一个ashx页面(一般处理程序),在该页面中把当前最新的时间用字符串的形式直接打印到页面上;

    

    

View Code

 1     public void ProcessRequest(HttpContext context) 2             { 3                 context.Response.ContentType = "text/plain"; 4                 //context.Response.Write("Hello World"); 5                 context.Response.Write(DateTime.Now); 6             } 7  8                public bool IsReusable 9               {10                   get11                  {12                       return false;13                  }14 15           }

    2、在建立一个html页面进行测试

       a、添加一个文本框

        

 <input id="txtId" type="text" />

       b、添加一个按钮,当按钮按下的时候向服务器发出请求,将服务器返回的数据添加到上面的文本框中;

       

   <input id="btnId" type="button" value="确定" οnclick="btnclick();" />

       c、不用任何的AJAX的框架完成ajax的请求;添加如下代码:

        

View Code

 1 <script type="text/javascript"> 2  3                 function btnclick() { 4            5                     //创建一个xmlhttp对象,相当于WebClient 6                       var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 7              8                       if (!xmlHttp) { 9                             alert("初始化XMLHTTP时异常!");10                             return false;11                        }12 13                       //准备向服务器页面  Handler1.ashx 发出  post  请求14                       xmlHttp.open("post", "Handler1.ashx?f=" + new Date, false); //为了避免缓存后面以当前时间做变化实现数据的缓存现象15                        //注册事件,用一个匿名的函数来响应16                       xmlHttp.onreadystatechange = function() {17             18                       //readyState表示XMLHttpRequest对象的处理状态:19               //0:XMLHttpRequest对象还没有完成初始化。20               //1:XMLHttpRequest对象开始发送请求。21               //2:XMLHttpRequest对象的请求发送完成。22               //3:XMLHttpRequest对象开始读取服务器的响应。23               //4:XMLHttpRequest对象读取服务器响应结束24                       if (xmlHttp.readyState == 4) {25                         //如果状态码为200,表示成功;300表示重定向,400表示权限问题, 500表示错误;26                           if (xmlHttp.status == 200) {27                                 //responseText属性为服务器返回的文本28                                     document.getElementById("txtId").value = xmlHttp.responseText;29                                }30                               else {31                                    alert("AJAX服务器返回错误");32                                 }33                           }34                       }35                       //向服务器发送请求36                       xmlHttp.send();37                  }38             </script>

      

转载于:https://www.cnblogs.com/-ShiL/archive/2011/09/07/ShiL201109070214.html

不用AJAX框架实现AJAX效果相关推荐

  1. 企业级ajax框架,企业级AJAX框架设计与实现.pdf

    企业级AJAX框架设计与实现 7 3 () Vo.l 7 No. 3 2007 9 JOURNAL OF NAN JING NORMAL UN IVER ITY ( ENG INEERING AND ...

  2. 【JAVASCRIPT】如何不使用jquery函数和ajax框架实现ajax效果

    ajax的核心技术就是XMLHttpRrequest:下面介绍怎么在IE中创建XMLHttpRrequest的实例,并且实现功能: 在创建的html页面的body中添加如下内容:<p id=&q ...

  3. UCML Ajax++框架介绍

    UCML Ajax++框架介绍 Ajax(Asynchronous JavaScript and XML)即异步JavaScript + XML,在近二年来风靡全球,Web技术爱好者通过几种成熟技术的 ...

  4. ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准

    CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...

  5. ajax校验的优点,django框架中ajax的使用及避开CSRF 验证的方式详解

    本文实例讲述了django框架中ajax的使用及避开CSRF 验证的方式.分享给大家供大家参考,具体如下: ajax(Asynchronous Javascript And Xml) 异步javasc ...

  6. div内嵌网页ajax,Div里面载入另一个页面的实现(取代框架)(AJax)(转)

    随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便 今天突然遇到一个问题,那就是需要导入另一个页 ...

  7. Ajax开发小结慎用AJAX框架

    第一篇:Ajax开发小结 1 AJAX还是AJAH * AJAX的很多经典应用其实都是利用xmlhttp空间访问后台程序,后台程序返回脚本用eval回调或者返回简单数据的方式来开发.这样的开发模式的好 ...

  8. Asp.net Ajax框架教程

    目录 (一).概述... (二).应用场景代码示例... 1).ScriptManager控件示例...     1. 在异步调用服务端注册客户端脚本新方法...     2. 捕获Ajax异步调用中 ...

  9. AJAX框架构成设计,基于Ajax的Web框架设计与实现

    摘要: 随着Web技术的发展和人们对Web使用的要求越来越高,传统的交互方式一方面使用户觉得难以使用,体验感太差,另一方面也不利于开发人员进行开发和维护.所以当Web2.0概念被提出,就立即得到了广泛 ...

最新文章

  1. Ubuntu镜像的MD5校验
  2. hibernate------java-delete-insert-update
  3. 恭喜神策数据客户即刻完成 C 轮融资
  4. ExtJS MVC 学习手记3
  5. Linux查看系统各类信息
  6. HDOJ1106 排序
  7. 蛮力法在字符串匹配问题中的应用(JAVA)--朴素模式匹配算法
  8. Python批量提取PowerPoint文件中所有幻灯片标题和备注文本
  9. 基于Scrapy框架的Python新闻爬虫
  10. 7/6-7/12 上海之行
  11. 《前端之路》之 JavaScript 高级技巧、高阶函数(一)
  12. EXCEL以及VBA 函数讲解集合
  13. Popclip插件:任务自动添加进 Microsoft ToDo的任务列表
  14. 《数据库原理》——知识点总结(期末复习)
  15. RTL设计(6)- 伪随机数生成器
  16. sockjs-node报错
  17. 本题要求提取一个字符串中的所有数字字符(‘0‘……‘9‘),将其转换为一个整数输出。
  18. 考研经验贴(南京航空航天大学,电子信息专硕)
  19. [CTF] 关于php代码审计的MD5类的练习
  20. Teamviewer显示“未就绪,请检查您的连接”解决办法

热门文章

  1. LwIP tcp/ip socket编程listen函数分析
  2. linux下GPRS模块ppp拨号上网
  3. openwrt 19 overlay 空间不足_重视 | 山西一矿井瓦斯爆炸,有限空间作业切记注意安全...
  4. gc日志怎么看_你应该怎么监控Kafka?
  5. SQLServer之事务简介
  6. AngularJs自学心得
  7. Android项目使用Eclipse进行单元测试
  8. iOS: 图解Xcode常用的快捷键
  9. Linux文件查看/编辑方法介绍
  10. 安卓真机如何连接本地服务器_一分钟搭建可供手机访问的本地服务器 (安卓,ios手机通用)...