• Ajax 入门


                      1.Ajax (读音:A杰克斯) 

                             异步的JavaScript 和 XML,是一种无需重新加载整个网页的情况下,更新部分网页的技术,用于快速创建动态网页。

                             简而言之: 实现异步请求数据和页面局部刷新。

                  2. 同步 :  

                         

               3. 异步:

                      

                       4. 同步到异步的关键:

                      

                 5. 

                                     1. 创建XHR对象:

                                               var  request = new XMLHttpRequest();

                                    2. 认识 HTTP :

                                      HTTP是计算机通过网络进行通信的规则。 HTTP 是种无状态的协议(不建立持久的链接,没有记录)。

                                 1. 建立一个完整的HTTP请求的过程(7步骤):

                                       建立TCP请求  ---> Web浏览器向Web服务器发送请求命令 --->   Web浏览器发送请求头信息  --- >

                                       Web服务器应答 ---> Web服务器发送应答头信息 ---> Web服务器向浏览器发送数据 ---> Web服务器关闭TCP链接

                                  2. HTTP请求 (4个部分组成):

                                       a.   HTTP 请求的方法或动作:  GET or POST 

                                       b.   请求的URL

                                       c.   请求头 Header :  包含客户端环境信息,身份验证等信息。 

                                       d.   请求体: 客户端提交的查询字符串信息,表单信息等。

                                                                          

                                      3. GET :

                                             一般用于信息获取,使用URL传参,对发送的信息数量限制在2000个字符内。

                                      4. POST:

                                              一般用于修改服务器上的资源,对所发送的信息数量无限制。

                                            5. HTTP响应:

                                              a. 一个由文字和数字组成的状态码,表示请求是否成功。

                                              b. 响应头: 与请求头对应,包含服务器的相关信息,如时间,内容类型,长度等。

                                              c. 响应体: 服务器传过来的字符串或代码等。

                                            

                                   6. 常见的状态码:

                                                   

                              3. 发送请求   

                                     open(method,url,async) ;

                                     send(string);     

                                                 

                                4. 获取响应数据:

                                     

                                  

                                      

                                            

  • 相关阅读:
    【Vue】 修饰符sync
    【VUE】vue路由跳转的方式
    【Element】elementui的Cascader 级联选择器,在懒加载的时候数据无法回显的解决方案
    【ES6】利用ES6 Set 将数组去重
    【.NETCORE】Refit 框架
    【.NETCORE】ASP.NET Core SignalR
    【Visual Studio Code】驼峰翻译助手
    VueX(Vue状态管理模式)
    hdmi 随笔
    ad 差分布线 等长布线
  • 原文地址:https://www.cnblogs.com/yangwu-183/p/9153334.html
Copyright © 2020-2023  润新知