[Day 16]从零开始学习 JS 的连续-30 Days---AJAX !!

什麽是 AJAX?

  1. AJAX 即「Asynchronous JavaScript and XML」(非同步的JavaScript与XML技术)。
  2. 是一套综合了多项技术的浏览器端网页开发技术。
  3. 传统的方式:
    1. 使用者端填写表单(form),向网页服务器传送一个请求( request )。
    2. 服务器接收并处理传来的表单,然後回传( response )一个新的网页。
    3. 在前後两个页面中的大部分HTML码往往是相同的。
    4. 每次都需要向服务器传送请求( request ),应用的回传( response )时间依赖於服务器的回应时间。
    5. 导致了使用者介面的回应比本机应用慢得多。
  4. AJAX的方式:
    1. 应用可以仅向服务器请求( request )并回传( response )必须的资料
    2. 在客户端采用JavaScript处理来自服务器的回应( response )。
    3. 因为在浏览器和服务器之间交换的资料大量减少,服务器回应( response )更快了。
    4. 同时,很多的处理工作可以在客户端机器上发出请求( request ),因此Web服务器的负荷也减少了。

网页请求状态码是什麽?

  1. HTTP 状态码表明一个 HTTP 要求是否已经被完成。回应分为五种:

    1. 资讯回应 (Informational responses, 100–199),
    2. 成功回应 (Successful responses, 200–299),
    3. 重定向 (Redirects, 300–399),
    4. 用户端错误 (Client errors, 400–499),
    5. 服务器端错误 (Server errors, 500–599).
  2. 如何观看HTML状态码:

    1. 网页开启检查。
    2. 找寻Network。
    3. 网页重新整理。
    4. 找寻Status。


如图所示黄色框的文字可以查看HTML状态码。

XML是什麽?

  1. 可延伸标记式语言(Extensible Markup Language,简称:XML)是一种标记式语言。
  2. XML设计用来传送及携带资料资讯,不用来表现或展示资料,HTML则用来表现资料。


图中

  1. readState :

    1. 0 : 意思是产生了一个XMLHttpRequest,但还没连结要请求的资料。
    2. 1 : 使用了open () ,但还没有把资料传过去。
    3. 2 : 侦测到使用 send
    4. 3 : 读取中。
    5. 4 : 已经回传全部资料。
  2. open() :

    1. 用法 : xhr.open( '格式' , 要读取的网址 , 同步与非同步 )
    2. 格式 : get (读取资料) / post (传资料到服务器)
    3. 非同步/同步 : true / false
      1. 非同步 : true ,不会等资料回传,就继续执行程序。
      2. 同步 : false ,等资料回传,再执行程序。
  3. send :

    1. 用法 : xhr.send( null空值 )

今天到此结束了。


<<:  DAY 18 制作 Nav Bar - dropdown

>>:  创建App-现界面与连接

Day 27 Filebeat with multiple module and ELK Dashboard

Day 27 Filebeat with multiple module and ELK Dashb...

Day12 - audio tag 帮我设定背景音乐

透过 audio tag 设定背景音乐 class BGM { constructor() { th...

Day 26 : Tkinter实战,配合pillow制作简易的处理照片程序(下)

今天继续把上一篇文的程序做完,没看过的记得要去看喔! 图片转向 那再来就先来做转向的部分: from...

34.Form Handling

在strict mode使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model...

同步与非同步

刚开始学习JavaScript的时候,很单纯的认为所有程序码是逐行执行的,就像看书不都是ㄧ行一行阅读...