浏览器创建ajax请求：

1、如果是Firefox、Opera、Safari等高级浏览器，可使用XMLHttpRequest()方式创建一个新的ajax请求对象。

如果是IE浏览器，则使用ActiveXObject('Microsoft.XMLHTTP')方式创建，具体代码如下所示：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>ajax练习</title>

     </head>

     <body>

         <script>

             function doAjax (the_request) {

                 var request = null;

 //                判断浏览器支持的请求方式

                 alert("点击");

                 if(window.XMLHttpRequest){

                     request = new XMLHttpRequest();

                     if(request){

                         request.open('GET',the_request,true);

                         request.onreadystatechange = function(){

                             if(request.readyState==4){

                                 if(request.status==200){

                                     alert(request.responseText);

                                     document.getElementById("view").innerHTML = request.responseText;

                                 }

                     }

                         }

                     request.send(null);

                     }else{

                         alert("error");

                     }

                 }else if(window.ActiveXObject){

                     request = new ActiveXObject('Microsoft.XMLHTTP');

                     request = new XMLHttpRequest();

                     if(request){

                         request.open('GET',the_request,true);

                         request.onreadystatechange = function(){

                             if(request.readyState==4){

                                 if(request.status==200){

                                     alert(request.responseText);

                                     document.getElementById("view").innerHTML = request.responseText;

                                 }

                     }

                         }

                     request.send(null);

                     }else{

                         alert("error");

                     }

                 }else{

                     alert("你的浏览器不支持ajax！");

                 }

             }

         </script>

         <button onclick="javascript: doAjax('aa.txt')">请求</button>

         <div id="view">

             doAjax

         </div>

     </body>

 </html>

另一种写法;

 <html>

 <head>

 <title>Ajax初步入门视频课程</title>

 </head>

 <body>

 <script type="text/javascript">

 var xmlHttp = null;

 function readyStateChangeHandle()

 {

     if (xmlHttp.readyState ==4 ) {

         if (xmlHttp.status == 200 ) {

             document.getElementById('vv').innerHTML = xmlHttp.responseText;

         }

     }

 }

 function ajaxFunction(the_request_url)

 {

     try {

         xmlHttp = new XMLHttpRequest() ;

     }

     catch(e) {

         try {

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

         }

         catch(e) {

             try {

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

             }

             catch(e) {

                 alert("您的浏览器不支持ajax") ;

                 return false;

             }

         }

     }

     if (xmlHttp) {

         xmlHttp.open('GET', the_request_url, true);

         xmlHttp.onreadystatechange = readyStateChangeHandle;

         xmlHttp.send(null);

     } else {

         alert('error');

     }

 }

 </script>

 <input type="button" id="test" value="test" onclick="javascript:ajaxFunction('ajax-04.txt')" />

 <br/><br/>

 <div style="border:1px solid black;width:300px;height:250px;" id="vv">test ajax</div>

 </body>

 </html>

Ajax基础（一）--创建请求的更多相关文章

  1. 【JavaWeb】Ajax基础

    Ajax介绍 Asynchronous JavaScript And XML(异步的JavaScript和XML): Ajax可以在不刷新页面的前提下,进行页面局部更新: Ajax不是新的技术,Aja ...

  2. 史上最全的Ajax基础详解

    同步请求和异步请求 先解释一下同步和异步的概念: 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯 ...

  3. 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】

    一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使 ...

  4. Ajax基础知识《一》

    对于网站开发人员,一定不会陌生的Ajax技术,本篇就让我们认识一下它,或许在日后的开发过程中我们就可以使用到.Ajax在那方面使用的比较多呢?答案:表单注册,传统的表单注册,有时需要填写大量的信息,当 ...

  5. Ajax基础2

    什么是服务器 网页浏览过程的分析 如何配置自己的服务器程序(AMP) 什么是Ajax 无刷新数据读取 异步,同步 Ajax基础(2) 使用Ajax 基础请求显示txt的文件 字符集编码 缓存,阻止缓存 ...

  6. Ajax基础--JavaScript实现

    ajax原理 1.ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取. 通俗地讲就是:AJAX 通过在后台与 ...

  7. Ajax基础知识（二）

    接上一篇  Ajax基础知识(一) 在上一篇博客里,抛弃了VS中新建aspx页面,拖个button写上C#代码的方式.使用ajax的方式,异步向服务器请求数据.我们让服务器只简单的返回一个" ...

  8. 原生AJAX基础讲解及兼容处理

    原文:原生AJAX基础讲解及兼容处理 AJAX = Asynchronous JavaScript and XML (异步的JavaScript和XML). AJAX不是新技术 ,但却是热门的技术.它 ...

  9. 原生 JS Ajax,GET和POST 请求实例代码

    javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest ...

  10. AJAX基础_AJAX获取PHP数据

    前言 本篇AJAX基础教程,只讲干货,拒绝废话. 全文通过两个实例来讲解AJAX的基本用法,第1个实例是使用AJAX技术从服务器获取纯文本(HTML)数据, 第2个实例是获取从服务器PHP文件的数据. ...

随机推荐

  1. python基础之类和对象、对象之间的交互、类名称空间与对象/实例名称空间

    一 面向对象初识 Python要么是面向过程要么是面向对象. 概念及优缺点: 面向过程的程序设计的核心是过程,过程即解决问题的步骤,面向过程的设计就好比精心设计好一条流水线,考虑周全什么时候处理什么东 ...

  2. 请写出用于校验HTML文本框中输入的内容全部为数字的javascript代码

    <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html ...

  3. Django-1版本的路由层、Django的视图层和模板层

    一.Django-1版本的路由层(URLconf) URL配置(URLconf)就像Django所支撑网站的目录.它的本质是URL与要为该URL调用的视图函数之间的映射表:我们就是以这种方式告诉Dja ...

  4. MariaDB日志

    1.查询日志:一般来说不开开启(会产生额外压力,并且不一定有价值),query log 记录查询操作:可以记录到文件(file)中也可记录到表(table)中 general_log=ON|OFF g ...

  5. 关闭SourceInsight的大括号自动缩进

    使用Source Insight可以很好的管理项目代码,也非常便于阅读.但是,在使用Source Insight书写C语言代码时,会发现这样的问题,键入大括号之后,它会自动缩进一个制表符,这种处理跟我 ...

  6. oracle external密码验证

    什么是external密码验证 当OS user 中存在和DB user 同名的用户时   直接使用和DB user 同名的OS user 可以不输入密码直接登录数据库, [oracle@zxrac1 ...

  7. lucene实现初级搜索引擎

    一.系统设计 搜索引擎项目代码主要分为三个部分,第一部分是构建索引,全文检索:第二部分是输入问题,对问题进行分词.提取关键词.关键词扩展:第三部分是将搜索结果输出到GUI图形用户界面. 二.搜索引擎 ...

  8. 吴超老师课程--Hive的介绍和安装

    1.Hive1.1在hadoop生态圈中属于数据仓库的角色.他能够管理hadoop中的数据,同时可以查询hadoop中的数据.  本质上讲,hive是一个SQL解析引擎.Hive可以把SQL查询转换为 ...

  9. Runtime.getRuntime().exec()需要注意的地方

    文章出处http://www.cnblogs.com/fclbky/p/6112180.html 有时候我们可能需要调用系统外部的某个程序,此时就可以用Runtime.getRuntime().exe ...

  10. Unity,基于layer的碰撞配置

    可以通过给对象指定layer,实现相同.不同layer之间碰撞的自由配置,比如我们想让怪物之间不碰撞,英雄和怪物之间碰撞,我们就可以这样指定,去掉enemies之间的勾选. 打开方式-edit-> ...