Ajax交互基础，代码规范

什么是服务器

• （与客户端相辅相成）是网络中管理资源，并为客户端提供计算和应用服务的高性能电脑， 作为网络的节点，存储并处理网络上大部分的数据和信息，也被称为网络的灵魂。
• 服务器也是计算机的一种，它比普通计算机运行更快、负载更高、价格更贵。
• 一般服务器都具备承担响应服务请求、承担服务、保障服务的能力。其内部结构十分复杂，但和普通计算机相差不大，比如cpu、硬盘，内存等。

什么是AJAX

Ajax（async javascript and XML）异步js和XML

• 是javascript和服务器交互的手段，
• 是客户端服务器附送请求，以及获取响应数据的工具，
• 不是新的编程语言，是使用现有标准的新方法
• 可以在不重新加载页面的情况下，与服务器交换数据并更新页面内容

同步请求

浏览器发送请求后，啥也不能做，必须得到服务器的响应后才能继续执行后续的代码。相当于生活中的排队，必须等待前一个人（请求及响应）完事后，下一个人（后续的js代码）才开始。当请求执行时，当前页面的所有代码都停止加载，页面处于假死状态，当请求执行完毕后才解除假死状态继续执行后续代码。

异步请求

与同步请求相反，异步请求在发出请求的同时，浏览器可以继续做其他事。Ajax代码的执行不影响页面加载和用户操作。相当于2条线，各走各的。

AJAX的优缺点

• 优点：
  1. 不需要安装插件，原生JS就可以操作
  2. 不需要刷新页面即可更新数据，提高用户体验
  3. 减轻服务器端和带宽负担
• 缺点：数据不在页面上，搜索引擎搜索不到

Ajax使用与否的区别

get请求

表单提交

  <form action="https://www.baidu.com/" methods="get">
    用户名：<input type="text" name="userName" id=""><br>
    密  码：<input type="password" name="userPwd" id="">
    <input type="submit" value="提交">
  </form>

post请求

与get类似，把methods的值改成post

get和post请求异同

• 相同点：把数据提交到远程服务器
• 不同点：
  1. 参数位置不同：get请求放在url之后，post放在方法体里边
  2. 文件大小限制：get请求限制发送信息数量不超过2000字符，post请求无限制
• 应用场景：get请求应用于非敏感信息，小数据；post请求应用于敏感信息、大数据

使用Ajax的五个步骤

1. 创建异步对象
2. 设置请求方式和响应地址
3. 发送请求
4. 监听状态变化
5. 处理返回结果

XMLHttoRequest对象的三个重要属性

    let xmlhttp = new HttpRequest();//1，现代浏览器的方法
    xmlhttp.open("GET","https://www.baidu.com/",true);//2
    xmlhttp.send();//3
    xmlhttp.onreadChange = function(ev2){
      if(xmlhttp.readState === 4){
        if(xmlhttp.Status === 200){//4
          console.log(xmlhttp.responseText)//5
        }
      }
    }

代码规范

目录搭建

2种方法

代码格式化

包括多行代码缩进，大括号位置

命名规范

见名知意，可以使用一些常用的命名规范，但同一个项目必须统一
列举一些常用的命名方法

1. 完全大写或完全小写
2. 大驼峰命名法（帕斯卡命名法） （每个单词的首字母大写，缩写的字母单词全部大写）
3. 小驼峰命名法 （第一个单词首字母小写，其余单词首字母大写，缩写的双字母单词出现在首位时全小写，否则全大写）
4. 匈牙利命名法（标识符名字以一个或多个小写字母开头作为前缀，前缀后为首字母大写的一个单词或多个单词的组合，指明变量的用途）
   命名规则：属性+类型+描述

属性	类型	描述
g_：全局变量 m_：类成员变量 s_：静态变量 c_：常量	a：Array b：Boolean by：Byte c：Char cr：ColorRef，颜色参考值 l：长整型 i：整型 fn：函数

高效实用注释

• 注释代码段、逻辑选择
• 为不容易理解的变量写注释
• 独立的代码模块、文件、函数需要撰写数据写明其意图、原理、使用方法等。
• 注释不是越多越好