第三章 AJAX

一,ajax

1-1.ajax的概念:

        ajax是一种用于与后台进行异步数据交互的技术,称之为"异步的javascript and xml"

        全称:Asynchronous javascript and xml,是一种在无需重新加载整个网页的情况下,能够更新网页局部数据的技术。

1-2.ajax的优势:

        按需取数据。

        页面无刷新。

        减少带宽,降低成本

        请求速度快

        提升用户体验。

1-3.ajax原理:

    客户端通过XMLHttpRequest向服务器发送一个请求,服务器响应数据,返回给XMLHttpRequest,在XMLHttpRequest对象的成功回调中通过DOM操作把数据展示在页面

1-4.请求步骤:

a.创建一个XMLHttpRequest对象    

        var xhr = new XMLHttpRequest();

    老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

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

    兼容写法:

     var xhr = null;                                               

        if(window.XMLHttpRequest){        

                xhr = new XMLHttpRequest();

         }else{       

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

         }

b,调用xhr的open方法

c,调用xhr的send方法

d,对请求状态监听

1-5:ajax的readyState状态

1-6: http响应状态码说明:        

          1**:请求收到,继续处理

          2**:操作成功收到,分析、接受

          3**:完成此请求必须进一步处理

          4**:请求包含一个错误语法或不能完成

          5**:服务器执行一个完全有效请求失败

          100——客户必须继续发出请求

          101——客户要求服务器根据请求转换HTTP协议版本

          200——交易成功

          201——提示知道新文件的URL

          202——接受和处理、但处理未完成

          203——返回信息不确定或不完整

          204——请求收到,但返回信息为空

          205——服务器完成了请求,用户代理必须复位当前已经浏览过的文件

          206——服务器已经完成了部分用户的GET请求

          300——请求的资源可在多处得到

          301——删除请求数据

          302——在其他地址发现了请求数据

          303——建议客户访问其他URL或访问方式

          304——客户端已经执行了GET,但文件未变化

          305——请求的资源必须从服务器指定的地址得到

          306——前一版本HTTP中使用的代码,现行版本中不再使用

          307——申明请求的资源临时性删除

          400——错误请求,如语法错误

          401——请求授权失败

          402——保留有效ChargeTo头响应

          403——请求不允许

          404——没有发现文件、查询或URl

          405——用户在Request-Line字段定义的方法不允许

          406——根据用户发送的Accept拖,请求资源不可访问

          407——类似401,用户必须首先在代理服务器上得到授权

          408——客户端没有在用户指定的饿时间内完成请求

          409——对当前资源状态,请求不能完成

          410——服务器上不再有此资源且无进一步的参考地址

          411——服务器拒绝用户定义的Content-Length属性请求

          412——一个或多个请求头字段在当前请求中错误

          413——请求的资源大于服务器允许的大小

          414——请求的资源URL长于服务器允许的长度

          415——请求资源不支持请求项目格式

          416——请求中包含Range请求头字段,在当前请求资源范围内没有range指示值,请求也不包含If-Range请求头字段

          417——服务器不满足请求Expect头字段指定的期望值,如果是代理服务器,可能是下一级服务器不能满足请求

          500——服务器产生内部错误

          501——服务器不支持请求的函数

          502——服务器暂时不可用,有时是为了防止发生系统过载

          503——服务器过载或暂停维修

          504——关口过载,服务器使用另一个关口或服务来响应用户,等待时间

二,编写接口

<?php // 接口文件:index.php

         date_default_timezone_set('PRC');   //设置为中国时区

         echo date("Y-m-d H-i-s",time());   //输出当前时间

?>

ajax请求,输出接口响应的的时间显示在页面

三.缓存处理:

        以上代码,在ie中输出的一直是第一次请求的时间,刷新页面无效,原因是:在默认情况下,IE会针对请求地址缓存Ajax请求的结果。换句话说,在缓存过期之前,针对相同地址发起的多个Ajax请求,只有第一次会真正发送到服务端。在某些情况下,这种默认的缓存机制并不是我们希望的

处理办法:在url后跟随一个随机数或当前时间毫秒数,因为这个值的不同,浏览器会认为这个请求是一个与上一次不同的请求。

四ie的编码处理

        在get请求中,ie返回的是浏览器编码后的字符,因此需要对中文进行URI转码处理,再发送请求

五.post请求

六.data参数序列化

七.get请求封装

八.post请求封装

九.完全封装

十,用户名唯一验证

十一,搜索下拉提示

十二,瀑布流(面向对象)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,096评论 1 32
  • 一、简历准备 1、个人技能 (1)自定义控件、UI设计、常用动画特效 自定义控件 ①为什么要自定义控件? Andr...
    lucas777阅读 5,200评论 2 54
  • PNG 有PNG8和truecolor PNG PNG8类似GIF颜色上限为256,文件小,支持alpha透明度,...
    hudaren阅读 1,517评论 0 0
  • 面试题一:https://github.com/jimuyouyou/node-interview-questio...
    R_X阅读 1,620评论 0 5
  • 尹总请客吃饭,尹总,装饰公司老板,最赚钱的装饰公司之一,之所以赚钱,是因为场地小,但是单量多,一年300单以上的单...
    邱江涛QJT阅读 4,141评论 10 8