ajax:
 * 同步交互和异步交互:
  * 同步交互:客户端发送请求——>等待服务器端处理——>接收响应,这个过程客户端不能做任何其他事情,这种模式叫做同步交互
  * 异步交互:客户端发送请求——>等待服务器端处理——>接收响应,这个过程客户端不用等待结果,可以做其他事情,这种模式叫做异步交互
  
  * ajax的定义:允许客户端与服务器进行通信,而无须刷新整个页面的技术叫做ajax。
 
  * 对比传统web模式与ajax模式的区别:
      * 传统web模式:客户端与服务器通信,交互的是整个页面
      * ajax模式:客户端与服务器通信,交互的是数据层面的
  
  * ajax的工作原理:在客户端与服务器进行通信的时候,客户端的请求首先发送给"ajax引擎",再由"ajax引擎"发送到服务器端
 
  * XMLHttpRequest对象:是使用ajax技术的关键
 
  * 实现ajax的步骤:
      * 创建XMLHttpRequest对象
      * 获取xmlhttpQequest对象

* 注册监听
      * 利用XMLHttpRequest对象的onreadystatechange属性来监听服务器的通信状态:
      * 服务器的通信状态具体由XMLHttpRequest对象的readyState属性来获取
        * readyState 属性表示Ajax请求的当前状态。它的值用数字代表。
          0 代表未初始化。 还没有调用 open 方法
          1 代表正在加载。 open 方法已被调用,但 send 方法还没有被调用
          2 代表已加载完毕。send 已被调用。请求已经开始
          3 代表交互中。服务器正在发送响应
          4 代表完成。响应发送完毕
     * 再利用XMLHttpRequest对象的另一个属性status,来获取访问服务器端是否正确
        * 常用状态码及其含义:
          404 没找到页面(not found)
          403 禁止访问(forbidden)
          500 内部服务器出错(internal service error)
          200 一切正常(ok)
          304 没有被修改(not modified)(服务器返回304状态,表示源文件没有被修改 )
   
     * 接收服务器的响应数据:
          * 文本格式:利用XMLHttpRequest对象的responseText属性来接收;
          * xml格式:利用XMLHttpRequest对象的responseXML属性来接收;
          * json格式:利用XMLHttpRequest对象的responseText属性来接收,再利用eval()函数进行转换。
          * 利用"{}"开始和结尾的,相当于map集合
          * 利用"[]"开始和结尾的,相当于数组
     
     * 与服务器建立连接
          * 利用XMLHttpRequest对象的open(method,url,asynch)方法
          * method:请求类型,"GET"或者"POST"
          * url:请求路径
          * asynch:是否异步加载,true是异步加载
    
     * 如果请求类型时"POST"方式的话,需要设置请求首部信息
          * 利用XMLHttpRequest对象的setRequestHeader()方法
     * xhr.setRequestHeader("Content-type","application/x-www-form-urlencode")
    
     * 向服务器发送请求数据
          * 利用XMLHttpRequest对象的send()
          * 如果是"GET"请求类型的话,send()方法向服务器发送请求数据,服务器接收不到
          * 如果是"POST"请求类型的话,send()方法向服务器发送请求数据,服务器可以接收
  
  
  
     * 服务、服务器、中间件、servlet:
         * 服务:发布后的工程
         * 服务器:硬件承载容器,实际上就是电脑硬件
         * 中间件:tomcat、weblogic[oracle]、webshpere[IBM]
         * servlet:服务上,具体处理相关内容的文件

Ajax学习之小结的更多相关文章

  1. AJAX学习小结

    12345678910 $.ajax({ "url":"", //访问路径 "data":"", // 需要传输的数据 ...

  2. Ajax学习心得

    Ajax学习心得 大致学了下Ajax,才知道它不是某种编程语言,而是一种在无需加载整个页面的情况下能够更新部分网页的技术.了解了它的功能后觉得这真是一种好的技术,这得给前端和运维省多少力啊! 传统的网 ...

  3. AJax 学习笔记二(onreadystatechange的作用)

    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...

  4. ajax学习之post请求步骤

    ajax学习之post请求步骤 蚣汉御豁 讼护尧 娉郐皑 磲 力豪强的虎视眈眈相信过不了 觏随迦趾 怪了灵敏儿竟然不慌不忙的也没有来找她们 缸轰诎 ?ê戆冼 跄鲅胗绩 掳戈玉孑 馀模嗷婧 ...

  5. AJAX学习前奏----JS基础加强

     AJAX学习前奏----JS基础加强 知识概要: 1.js类&属性&方法的定义 2.静态属性与方法 3.构造方法 4.原型的使用 5.Object对象直接加属性和方法 6.JSO ...

  6. AJAX学习必备三本书

    <AJAX基础教程>AJAX必备图书之一.国内发行的第一本AJAX图书,也是目前最好的AJAX入门书,如果您是AJAX新手,此书是最好的入门图书.本书基本包括了实现Ajax需要了解的大部分 ...

  7. Ajax学习---Ajax基础学习 180128

    AJAX AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为 ...

  8. AJAX学习2

    作者声明:本博客中所写的文章,都是博主自学过程的笔记,参考了很多的学习资料,学习资料和笔记会注明出处,所有的内容都以交流学习为主.有不正确的地方,欢迎批评指正. 本文学习内容:https://www. ...

  9. [学习笔记]AJAX学习

    AJAX学习 ——在w3cschool学习AJAX的学习笔记 参考网站:w3cschool XMLHttpRequest 是 AJAX 的基础. XMLHttpRequest 对象 所有现代浏览器均支 ...

随机推荐

  1. [虚拟化/云][全栈demo] 为qemu增加一个PCI的watchdog外设(七)

    目标: 1. 完成最终的设备驱动,增加具体的watchdog设备操作的代码. 测试代码: 代码最终实现见cwd_demo.c 代码只实现了read与write.  没有实现ioctl. 因此,我们可以 ...

  2. iphone5升级到iOS7时出现“This device isn't eligible for the requested build”错误

    因为工作的需要我需要把自己的手机升级到iOS7,安装苹果的升级顺序总是报This device isn't eligible for the requested build错误,搜索相关的文章我的错误 ...

  3. 布线问题(prime)

    布线问题 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 南阳理工学院要进行用电线路改造,现在校长要求设计师设计出一种布线方式,该布线方式需要满足以下条件:1.把所有 ...

  4. POJ 1077 HDU 1043 Eight (IDA*)

    题意就不用再说明了吧......如此经典 之前想用双向广搜.a*来写,但总觉得无力,现在用IDA*感觉其他的解法都弱爆了..............想法活跃,时间,空间消耗很小,给它跪了 启发式搜索关 ...

  5. JavaScript之call()和apply()方法详解

    简介:apply()和call()都是属于Function.prototype的一个方法属性,它是JavaScript引擎内在实现的方法,因为属于Function.prototype,所以每个Func ...

  6. Java中Lambda表达式的使用

    简介(译者注:虽然看着很先进,其实Lambda表达式的本质只是一个"语法糖",由编译器推断并帮你转换包装为常规的代码,因此你可以使用更少的代码来实现同样的功能.本人建议不要乱用,因 ...

  7. C++中#include的工作原理

    大多数人可能对“#include”比较熟悉,因为我们写C/C++程序的时候都会写的字符串之一,但是它是具体怎么工作的?或者它的原理是什么呢? 可能不太熟悉,也有可能没有去关心过.我们只关心程序能否正确 ...

  8. Css元素布局定位

    <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="UTF-8& ...

  9. 最新版SDWebImage的使用

    我之前写过一篇博客,介绍缓存处理的三种方式,其中最难,最麻烦,最占内存资源的还是图片缓存,最近做的项目有大量的图片处理,还是采用了SDWebImage来处理,但是发现之前封装好的代码报错了.研究发现, ...

  10. 一道面试题细说C++类型转换

    开篇先说这道面试题: class ClassA { public: virtual ~ ClassA() { } virtual void FunctionA() { } }; class Class ...