JavaWeb系列教程
JavaWeb—Servlet
模拟Servlet本质
使用IDEA开发Servlet程序
Servlet对象的生命周期
适配器(GenericServlet)改造Servlet
ServletConfig
Servlet–ServletContext
web站点欢迎页
一篇学会HttpServletRequest
如果大家觉得有帮助的话，不妨动动小手，点赞收藏一波，也方便后面的复习哈

HTTP协议

• 什么是协议？

• 协议实际上是某些人，或者某些组织提前制定好的一套规范，大家都按照这个规范来，这样可以做到沟通无障碍。

• 协议就是一套规范，就是一套标准。由其他人或其他组织来负责制定的。

• 我说的话你能听懂，你说的话，我也能听懂，这说明我们之间是有一套规范的，一套协议的，这套协议就是：中国普通话协议。我们都遵守这套协议，我们之间就可以沟通无障碍。
  

• 什么是HTTP协议？

• HTTP协议：是W3C制定的一种超文本传输协议。（通信协议：发送消息的模板提前被制定好。）

• W3C：

  • 万维网联盟组织
  • 负责制定标准的：HTTP HTML4.0 HTML5 XML DOM等规范都是W3C制定的。
  • 万维网之父：蒂姆·伯纳斯·李

• 什么是超文本？

  • 超文本说的就是：不是普通文本，比如流媒体：声音、视频、图片等。
  • HTTP协议支持：不但可以传送普通字符串，同样支持传递声音、视频、图片等流媒体信息。

• 这种协议游走在B和S之间。B向S发数据要遵循HTTP协议。S向B发数据同样需要遵循HTTP协议。这样B和S才能解耦合。

• 什么是解耦合？

  • B不依赖S。
  • S也不依赖B。
  • 耦合是对象之间有依赖关系，减少耦合，可以扩展软件功能

• B/S表示：B/S结构的系统（浏览器访问WEB服务器的系统）

• 浏览器 向 WEB服务器发送数据，叫做：请求（request)

• WEB服务器 向 浏览器发送数据，叫做：响应（response）

• HTTP协议包括：

  • 请求协议
    • 浏览器 向 WEB服务器发送数据的时候，这个发送的数据需要遵循一套标准，这套标准中规定了发送的数据具体格式。
  • 响应协议
    • WEB服务器 向 浏览器发送数据的时候，这个发送的数据需要遵循一套标准，这套标准中规定了发送的数据具体格式。

• HTTP协议就是提前制定好的一种消息模板。

  • 不管你是哪个品牌的浏览器，都是这么发。
  • 不管你是哪个品牌的WEB服务器，都是这么发。
  • FF浏览器 可以向 Tomcat发送请求，也可以向Jetty服务器发送请求。浏览器不依赖具体的服务器品牌。
  • WEB服务器也不依赖具体的浏览器品牌。可以是FF浏览器，也可以是Chrome浏览器，可以是IE，都行。

• HTTP的请求协议（B --> S）

• HTTP的请求协议包括：4部分

  - 请求行
  - 请求头
  - 空白行
  - 请求体
  

• HTTP请求协议的具体报文：GET请求

GET /servlet05/getServlet?username=lucy&userpwd=1111 HTTP/1.1 请求行
Host: localhost:8080 请求头
Connection: keep-alive
sec-ch-ua: “Google Chrome”;v=“95”, “Chromium”;v=“95”, “;Not A Brand”;v=“99”
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: “Windows”
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54

Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.9
Sec-Fetch-Site: same-origin
Sec-Fetch-Mode: navigate
Sec-Fetch-User: ?1
Sec-Fetch-Dest: document
Referer: http://localhost:8080/servlet05/index.html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
空白行
请求体

• HTTP请求协议的具体报文：POST请求

  POST /servlet05/postServlet HTTP/1.1 请求行
  Host: localhost:8080 请求头
  Connection: keep-alive
  Content-Length: 25
  Cache-Control: max-age=0
  sec-ch-ua: “Google Chrome”;v=“95”, “Chromium”;v=“95”, “;Not A Brand”;v=“99”
  sec-ch-ua-mobile: ?0
  sec-ch-ua-platform: “Windows”
  Upgrade-Insecure-Requests: 1
  Origin: http://localhost:8080
  Content-Type: application/x-www-form-urlencoded
  User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36
  Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.9
  Sec-Fetch-Site: same-origin
  Sec-Fetch-Mode: navigate
  Sec-Fetch-User: ?1
  Sec-Fetch-Dest: document
  Referer: http://localhost:8080/servlet05/index.html
  Accept-Encoding: gzip, deflate, br
  Accept-Language: zh-CN,zh;q=0.9
  空白行
  username=lisi&userpwd=123 请求体

  • 请求行

    • 包括三部分：
      • 第一部分：请求方式（7种）
        • get（常用的）
        • post（常用的）
        • delete
        • put
        • head
        • options
        • trace
      • 第二部分：URI
        • 什么是URI？ 统一资源标识符。代表网络中某个资源的名字。但是通过URI是无法定位资源的。
        • 什么是URL？统一资源定位符。代表网络中某个资源，同时，通过URL是可以定位到该资源的。
        • URI和URL什么关系，有什么区别？
          • URL包括URI
          • http://localhost:8080/servlet05/index.html 这是URL。
          • /servlet05/index.html 这是URI。
      • 第三部分：HTTP协议版本号

  • 请求头

    • 请求的主机
    • 主机的端口
    • 浏览器信息
    • 平台信息
    • cookie等信息
    • …

  • 空白行

    • 空白行是用来区分“请求头”和“请求体”

  • 请求体

    • 向服务器发送的具体数据。

• HTTP的响应协议（S --> B）

  • HTTP的响应协议包括：4部分

    • 状态行
    • 响应头
    • 空白行
    • 响应体

  • HTTP响应协议的具体报文：

    • HTTP/1.1 200 ok                                     状态行
      Content-Type: text/html;charset=UTF-8               响应头
      Content-Length: 160
      Date: Mon, 08 Nov 2021 13:19:32 GMT
      Keep-Alive: timeout=20
      Connection: keep-alive
                                                          空白行
      <!doctype html>                                     响应体
      <html>
          <head>
              <title>from get servlet</title>
          </head>
          <body>
              <h1>from get servlet</h1>
          </body>
      </html>
      

  • 状态行

    • 三部分组成
      • 第一部分：协议版本号（HTTP/1.1）
      • 第二部分：状态码（HTTP协议中规定的响应状态号。不同的响应结果对应不同的号码。）
        • 200 表示请求响应成功，正常结束。
        • 404表示访问的资源不存在，通常是因为要么是你路径写错了，要么是路径写对了，但是服务器中对应的资源并没有启动成功。总之404错误是前端错误。
        • 405表示前端发送的请求方式与后端请求的处理方式不一致时发生：
          • 比如：前端是POST请求，后端的处理方式按照get方式进行处理时，发生405
          • 比如：前端是GET请求，后端的处理方式按照post方式进行处理时，发生405
        • 500表示服务器端的程序出现了异常。一般会认为是服务器端的错误导致的。
        • 以4开始的，一般是浏览器端的错误导致的。
        • 以5开始的，一般是服务器端的错误导致的。
      • 第三部分：状态的描述信息
        • ok 表示正常成功结束。
        • not found 表示资源找不到。

  • 响应头：

    • 响应的内容类型
    • 响应的内容长度
    • 响应的时间
    • …

  • 空白行：

    • 用来分隔“响应头”和“响应体”的。

  • 响应体：

    • 响应体就是响应的正文，这些内容是一个长的字符串，这个字符串被浏览器渲染，解释并执行，最终展示出效果。

• 怎么查看的协议内容？

  • 使用chrome浏览器：F12。然后找到network，通过这个面板可以查看协议的具体内容。

• 怎么向服务器发送GET请求，怎么向服务器发送POST请求？

  • 到目前为止，只有一种情况可以发送POST请求：使用form表单，并且form标签中的method属性值为：method=“post”。
  • 其他所有情况一律都是get请求：
    • 在浏览器地址栏上直接输入URL，敲回车，属于get请求。
    • 在浏览器上直接点击超链接，属于get请求。
    • 使用form表单提交数据时，form标签中没有写method属性，默认就是get
    • 或者使用form的时候，form标签中method属性值为：method=“get”
    • …

HTTP协议的特点

1.简单快速:客户向服务器请求服务的时候，只需要传送请求方法和路径，请求方法一般是get和post，因为HTTP协议简单，所以HTTP服务器的程序规模小，通信速度快。
2.灵活：HTTP协议运行传输任意类型的数据对象，传输的类型由Content-Type标记
3.无连接:客户端向服务端发送一次请求，服务端接收后，连接就断开了，无连接表示每一次连接都只处理一个请求，这种方式可以节省传输时间.
举个例子：你打电话给朋友说让他帮忙买一瓶水，然后就把电话挂掉了，这个时候，想到说还要麻烦朋友做什么事情，就再打电话过去。
HTTP1.1版本以后，支持可连续连接，通过这种连接就有可能在建立一个TCP连接后，发送请求并得到回应，然后接着发送请求并得到回应。通过建立和释放TCP连接的开销分摊到多个请求，对每一个请求来说，因为TCO造成的相对开销被大大降低了，而且还可以发送流水线请求，就是说在发送请求1之后，在回应到来之前就可以发送请求2.

4.无状态。HTTP协议是无状态协议，无状态指的是对事务处理没有记忆能力，如果后面想要处理之前的信息的话，就必须重传，这样会导致每一次连接传送的数据量增大

GET请求和POST请求有什么区别？

• get请求发送数据的时候，数据会挂在URI的后面，并且在URI后面添加一个“?”，"?"后面是数据。这样会导致发送的数据回显在浏览器的地址栏上。（get请求在“请求行”上发送数据）

  • http://localhost:8080/servlet05/getServlet?username=zhangsan&userpwd=1111

• post请求发送数据的时候，在请求体当中发送。不会回显到浏览器的地址栏上。也就是说post发送的数据，在浏览器地址栏上看不到。（post在“请求体”当中发送数据）

• get请求只能发送普通的字符串。并且发送的字符串长度有限制，不同的浏览器限制不同。这个没有明确的规范。

• get请求无法发送大数据量。

• post请求可以发送任何类型的数据，包括普通字符串，流媒体等信息：视频、声音、图片。

• post请求可以发送大数据量，理论上没有长度限制。

• get请求在W3C中是这样说的：get请求比较适合从服务器端获取数据。

• post请求在W3C中是这样说的：post请求比较适合向服务器端传送数据。
  可能好多人，一看到说get请求会把内容显示在地址栏上，就是不安全的
  

• get请求是安全的。get请求是绝对安全的。为什么？因为get请求只是为了从服务器上获取数据。不会对服务器造成威胁。（get本身是安全的，你不要用错了。用错了之后又冤枉人家get不安全，你这样不好（太坏了），那是你自己的问题，不是get请求的问题。）

• post请求是危险的。为什么？因为post请求是向服务器提交数据，如果这些数据通过后门的方式进入到服务器当中，服务器是很危险的。另外post是为了提交数据，所以一般情况下拦截请求的时候，大部分会选择拦截（监听）post请求。

• 注意:我这里说的安全是相对而言，事实上它们都不安全，比如get请求，会把数据显示在url上，但是我们要正确使用就不会出现这种问题。post请求则比较危险。

• get请求支持缓存。

  • https://n.sinaimg.cn/finance/590/w240h350/20211101/b40c-b425eb67cabc342ff5b9dc018b4b00cc.jpg
  • 任何一个get请求最终的“响应结果”都会被浏览器缓存起来。在浏览器缓存当中：
  • 一个get请求的路径a 对应 一个资源。
  • 一个get请求的路径b 对应 一个资源。
  • 一个get请求的路径c 对应 一个资源。
  • …
    - 实际上，你只要发送get请求，浏览器做的第一件事都是先从本地浏览器缓存中找，找不到的时候才会去服务器上获取。这种缓存机制目的是为了提高用户的体验。
  • 有没有这样一个需求：我们不希望get请求走缓存，怎么办？怎么避免走缓存？我希望每一次这个get请求都去服务器上找资源，我不想从本地浏览器的缓存中取。
  • 只要每一次get请求的请求路径不同即可。
  • https://n.sinaimg.cn/finance/590/w240h350/20211101/7cabc342ff5b9dc018b4b00cc.jpg?t=789789787897898
  • https://n.sinaimg.cn/finance/590/w240h350/20211101/7cabc342ff5b9dc018b4b00cc.jpg?t=789789787897899
  • https://n.sinaimg.cn/finance/590/w240h350/20211101/7cabc342ff5b9dc018b4b00cc.jpg?t=系统毫秒数
  • 怎么解决？可以在路径的后面添加一个每时每刻都在变化的“时间戳”，这样，每一次的请求路径都不一样，浏览器就不走缓存了。

• post请求不支持缓存。（POST是用来修改服务器端的资源的。）

  • post请求之后，服务器“响应的结果”不会被浏览器缓存起来。因为这个缓存没有意义。

• GET请求和POST请求如何选择，什么时候使用GET请求，什么时候使用POST请求？

• 怎么选择GET请求和POST请求呢？衡量标准是什么呢？你这个请求是想获取服务器端的数据，还是想向服务器发送数据。如果你是想从服务器上获取资源，建议使用GET请求，如果你这个请求是为了向服务器提交数据，建议使用POST请求。

• 大部分的form表单提交，都是post方式，因为form表单中要填写大量的数据，这些数据是收集用户的信息，一般是需要传给服务器，服务器将这些数据保存/修改等。

• 如果表单中有敏感信息，还是建议适用post请求，因为get请求会回显敏感信息到浏览器地址栏上。（例如：密码信息）

• 做文件上传，一定是post请求。要传的数据不是普通文本。

• 其他情况都可以使用get请求。

• 不管你是get请求还是post请求，发送的请求数据格式是完全相同的，只不过位置不同，格式都是统一的：

  • name=value&name=value&name=value&name=value
  • name是什么？
    • 以form表单为例：form表单中input标签的name。
  • value是什么？
    • 以form表单为例：form表单中input标签的value。

总结get和post

啰嗦一句，不要主观臆断。大家可能都会有这样的主观错误，认为get请求会把信息显示在地址栏，所以就是不安全，post就是安全的。我觉得这是一种常见的误区。其实这种安全只是相对的

这个表格是从w3cschool截取的

更加详细的介绍，具体的可以看这篇文章 get和post的区别

希望得到大家的支持

目录

Ajax请求的五个步骤

一、定义

1、什么是Ajax

2、同步与异步的区别

3、ajax的工作原理

二、实现AJAX的基本步骤

1、创建XMLHttpRequest对象

2、创建HTTP请求

3、设置响应HTTP请求状态变化的函数

4、设置获取服务器返回数据的语句

5、发送HTTP请求

6、局部更新

三、完整的AJAX实例

---

Ajax请求的五个步骤

一、定义

1、什么是Ajax

Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容，必需重载整个网页面。

2、同步与异步的区别

同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面。

异步提交：当用户发送请求时，当前页面还可以继续使用，当异步请求的数据响应给页面，页面把数据显示出来 。

3、ajax的工作原理

客户端发送请求，请求交给xhr，xhr把请求提交给服务，服务器进行业务处理，服务器响应数据交给xhr对象，xhr对象接收数据，由javascript把数据写到页面上，如下图所示：

二、实现AJAX的基本步骤

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:

1. 创建XMLHttpRequest对象,即创建一个异步调用对象.
2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
3. 设置响应HTTP请求状态变化的函数.
4. 发送HTTP请求.
5. 获取异步调用返回的数据.
6. 使用JavaScript和DOM实现局部刷新.

1、创建XMLHttpRequest对象

      不同浏览器使用的异步调用对象有所不同，在IE浏览器中异步调用使用的是XMLHTTP组件中的XMLHttpRequest对象，而在Netscape、Firefox浏览器中则直接使用XMLHttpRequest组件。因此，在不同浏览器中创建XMLHttpRequest对象的方式都有所不同.

    在IE浏览器中创建XMLHttpRequest对象的方式为:

var xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

    在Netscape浏览器中创建XMLHttpRequest对象的方式为:

var xmlHttpRequest = new XMLHttpRequest();

    由于无法确定用户使用的是什么浏览器,所以在创建XMLHttpRequest对象时,最好将以上两种方法都加上.如以下代码所示:

var xmlHttpRequest;  //定义一个变量,用于存放XMLHttpRequest对象
createXMLHttpRequst();   //调用创建对象的方法
//创建XMLHttpRequest对象的方法 
function createXMLHttpRequest(){                                                 
    if(window.ActiveXObject) {//判断是否是IE浏览器
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//创建IE的XMLHttpRequest对象
    }else if(window.XMLHttpRequest){//判断是否是Netscape等其他支持XMLHttpRequest组件的浏览器
        xmlHttpRequest = new XMLHttpRequest();//创建其他浏览器上的XMLHttpRequest对象
    }
}

       "if(window.ActiveXObject)"用来判断是否使用IE浏览器.其中ActiveXOject并不是Windows对象的标准属性,而是IE浏览器中专有的属性,可以用于判断浏览器是否支持ActiveX控件.通常只有IE浏览器或以IE浏览器为核心的浏览器才能支持Active控件.

      "else if(window.XMLHttpRequest)"是为了防止一些浏览器既不支持ActiveX控件,也不支持XMLHttpRequest组件而进行的判断.其中XMLHttpRequest也不是window对象的标准属性,但可以用来判断浏览器是否支持XMLHttpRequest组件.

      如果浏览器既不支持ActiveX控件,也不支持XMLHttpRequest组件,那么就不会对xmlHttpRequest变量赋值.

2、创建HTTP请求

       创建了XMLHttpRequest对象之后，必须为XMLHttpRequest对象创建HTTP请求，用于说明XMLHttpRequest对象要从哪里获取数据。通常可以是网站中的数据,也可以是本地中其他文件中的数据。

       创建HTTP请求可以使用XMLHttpRequest对象的open()方法,其语法代码如下所示:

XMLHttpRequest.open(method,URL,flag,name,password);

代码中的参数解释如下所示:

• method：该参数用于指定HTTP的请求方法，一共有get、post、head、put、delete五种方法，常用的方法为get和post。

• URL：该参数用于指定HTTP请求的URL地址，可以是绝对URL，也可以是相对URL。

• flag：该参数为可选，参数值为布尔型。该参数用于指定是否使用异步方式。true表示异步、false表示同步，默认为true。

• name：该参数为可选参数，用于输入用户名。如果服务器需要验证，则必须使用该参数。

• password：该参数为可选，用于输入密码。若服务器需要验证，则必须使用该参数。

通常可以使用以下代码来访问一个网站文件的内容。      

xmlHttpRequest.open("get","http://www.aspxfans.com/BookSupport/JavaScript/ajax.htm",true);

或者使用以下代码来访问一个本地文件内容：

xmlHttpRequest.open("get","ajax.htm",true);

注意：如果HTML文件放在Web服务器上，在Netscape浏览器中的JavaScript安全机制不允许与本机之外的主机进行通信。也就是说，使用open()方法只能打开与HTML文件在同一个服务器上的文件。而在IE浏览器中则无此限制（虽然可以打开其他服务器上的文件，但也会有警告提示）。

3、设置响应HTTP请求状态变化的函数

       创建完HTTP请求之后，应该就可以将HTTP请求发送给Web服务器了。然而，发送HTTP请求的目的是为了接收从服务器中返回的数据。从创建XMLHttpRequest对象开始，到发送数据、接收数据、XMLHttpRequest对象一共会经历以下5中状态。

1. 未初始化状态。在创建完XMLHttpRequest对象时，该对象处于未初始化状态，此时XMLHttpRequest对象的readyState属性值为0。
2. 初始化状态。在创建完XMLHttpRequest对象后使用open()方法创建了HTTP请求时，该对象处于初始化状态。此时XMLHttpRequest对象的readyState属性值为1。
3. 发送数据状态。在初始化XMLHttpRequest对象后，使用send()方法发送数据时，该对象处于发送数据状态，此时XMLHttpRequest对象的readyState属性值为2。
4. 接收数据状态。Web服务器接收完数据并进行处理完毕之后，向客户端传送返回的结果。此时，XMLHttpRequest对象处于接收数据状态，XMLHttpRequest对象的readyState属性值为3。
5. 完成状态。XMLHttpRequest对象接收数据完毕后，进入完成状态，此时XMLHttpRequest对象的readyState属性值为4。此时接收完毕后的数据存入在客户端计算机的内存中，可以使用responseText属性或responseXml属性来获取数据。

        只有在XMLHttpRequest对象完成了以上5个步骤之后，才可以获取从服务器端返回的数据。因此，如果要获得从服务器端返回的数据，就必须要先判断XMLHttpRequest对象的状态。

       XMLHttpRequest对象可以响应readystatechange事件，该事件在XMLHttpRequest对象状态改变时（也就是readyState属性值改变时）激发。因此，可以通过该事件调用一个函数，并在该函数中判断XMLHttpRequest对象的readyState属性值。如果readyState属性值为4则使用responseText属性或responseXml属性来获取数据。具体代码如下所示：

//设置当XMLHttpRequest对象状态改变时调用的函数，注意函数名后面不要添加小括号
xmlHttpRequest.onreadystatechange = getData;

//定义函数
function getData(){
    //判断XMLHttpRequest对象的readyState属性值是否为4，如果为4表示异步调用完成
    if(xmlHttpRequest.readyState == 4) {
        //设置获取数据的语句
    }
}

4、设置获取服务器返回数据的语句

       如果XMLHttpRequest对象的readyState属性值等于4，表示异步调用过程完毕，就可以通过XMLHttpRequest对象的responseText属性或responseXml属性来获取数据。

       但是，异步调用过程完毕，并不代表异步调用成功了，如果要判断异步调用是否成功，还要判断XMLHttpRequest对象的status属性值，只有该属性值为200，才表示异步调用成功，因此，要获取服务器返回数据的语句，还必须要先判断XMLHttpRequest对象的status属性值是否等于200，如以下代码所示：

 if(xmlHttpRequst.status == 200) {
    document.write(xmlHttpRequest.responseText);//将返回结果以字符串形式输出
    //document.write(xmlHttpRequest.responseXML);//或者将返回结果以XML形式输出
 }

注意：如果HTML文件不是在Web服务器上运行，而是在本地运行，则xmlHttpRequest.status的返回值为0。因此，如果该文件在本地运行，则应该加上xmlHttpRequest.status == 0的判断。

        通常将以上代码放在响应HTTP请求状态变化的函数体内，如以下代码所示：       

//设置当XMLHttpRequest对象状态改变时调用的函数，注意函数名后面不要添加小括号
xmlHttpRequest.onreadystatechange = getData;

//定义函数
function getData(){
    //判断XMLHttpRequest对象的readyState属性值是否为4，如果为4表示异步调用完成
    if(xmlHttpRequest.readyState==4){
        if(xmlHttpRequest.status == 200 || xmlHttpRequest.status == 0){//设置获取数据的语句
            document.write(xmlHttpRequest.responseText);//将返回结果以字符串形式输出
            //docunment.write(xmlHttpRequest.responseXML);//或者将返回结果以XML形式输出
        }
    }
}

5、发送HTTP请求

       在经过以上几个步骤的设置之后，就可以将HTTP请求发送到Web服务器上去了。发送HTTP请求可以使用XMLHttpRequest对象的send()方法，其语法代码如下所示：

XMLHttpRequest.send(data);

       其中data是个可选参数，如果请求的数据不需要参数，即可以使用null来替代。data参数的格式与在URL中传递参数的格式类似，以下代码为一个send()方法中的data参数的示例：

name=myName&value=myValue

       只有在使用send()方法之后，XMLHttpRequest对象的readyState属性值才会开始改变，也才会激发readystatechange事件，并调用函数。

6、局部更新

       在通过Ajax的异步调用获得服务器端数据之后，可以使用JavaScript或DOM来将网页中的数据进行局部更新。

三、完整的AJAX实例

<html>
<head>
<title>AJAX实例</title>
<script language="javascript" type="text/javascript">   
    function ajaxHttpRequestFunc(){
		let xmlHttpRequest;  // 创建XMLHttpRequest对象，即一个用于保存异步调用对象的变量
		if(window.ActiveXObject){ // IE浏览器的创建方式
            xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }else if(window.XMLHttpRequest){ // Netscape浏览器中的创建方式
            xmlHttpRequest = new XMLHttpRequest();
        }
		xmlHttpRequest.onreadystatechange=function(){ // 设置响应http请求状态变化的事件
            console.log('请求过程', xmlHttpRequest.readyState);
			if(xmlHttpRequest.readyState == 4){ // 判断异步调用是否成功,若成功开始局部更新数据
				console.log('状态码为', xmlHttpRequest.status);
				if(xmlHttpRequest.status == 200) {
					console.log('异步调用返回的数据为：', xmlHttpRequest .responseText);
					document.getElementById("myDiv").innerHTML = xmlHttpRequest .responseText; // 局部刷新数据到页面
				} else { // 如果异步调用未成功,弹出警告框,并显示错误状态码
					alert("error:HTTP状态码为:"+xmlHttpRequest.status);
				}
			}
		}
		xmlHttpRequest.open("GET","https://www.runoob.com/try/ajax/ajax_info.txt",true); // 创建http请求，并指定请求得方法（get）、url（https://www.runoob.com/try/ajax/ajax_info.txt）以及验证信息
		xmlHttpRequest.send(null); // 发送请求
    }
</script>
</head>
<body>
    <div id="myDiv">原数据</div>
    <input type = "button" value = "更新数据" onclick = "ajaxHttpRequestFunc()">
</body>
</html>

 直接运行该段代码可能会出现跨域的现象，控制台的报错信息如下：

这是因为代码中设置请求的是菜鸟驿站服务端的文件，所以出现跨域导致未正常获取到服务端返回的数据。

解决办法：复制该段代码在菜鸟驿站的编辑器中粘贴运行即可。

点击运行前页面显示为：

点击运行后页面显示为：

好啦，关于ajax的部分到此就全部学习完成了，给自己点一个大大的赞吧！

 

 

参考文献：

【1】https://qqe2.com/java/post/28.html

【2】https://www.cnblogs.com/kennyliu/p/3876729.html

最直观的区别：

Get请求是把参数放在URL中（无请求体），会将数据暴露在请求地址上，而Post请求是通过请求体requestBody来传递参数的

Get和Post是HTTP协议中的两种发送请求方法

那么HTTP又是什么呢？

HTTP是基于TCP/IP中关于数据如何在万维网中如何通信的协议；

所以说Get与Post能做的事情都是一样的，底层就是TCP/IP

要区分Get与Post还需要从它们的底层开始

TCP就像汽车一样，可以用来传输数据，但是路上都是一样的汽车就会混乱，比如说救护车和货车，救护车被装货的车堵到后面肯定得急死，所以说：我们要区分这些车——>Http就诞生了，他就相当于交通规则，里面有好几个等级，分为：GET，POST，PUT，DELETE..；

GET与POST还一个重要的区别

对于GET：浏览器会将http的header与data一并发出去，服务器直接响应200（并返回数据）；

对于POST：浏览器先发送Header，当服务器响应了100之后，浏览器再发送data，最后服务器才响应200（返回数据）——>所以说它分了两步

请求体与请求体简单理解

请求头header：一般用来存放一些cookie，token信息；

请求体Requestbody：一般用来存储post的参数和参数数据；

Referer ：表示这个请求是从哪个URL过来的，假如你通过google搜索出一个商家的广告页面，你对这个广告页面感兴趣，鼠标一点发送一个请求报文到商家的网站，这个请求报文的Referer报文头属性值就是http://www.google.com；

Accept ：请求报文可通过一个“Accept”报文头属性告诉服务端 客户端接受什么类型的响应

例子：如下报文头相当于告诉服务端，俺客户端能够接受的响应类型仅为纯文本数据啊，你丫别发其它什么图片啊，视频啊过来，那样我会歇菜的~~~： 

Accept属性的值可以为一个或多个MIME类型的值；

什么是Mime

场景：在JSP中contentType属性用于指定JSP页面响应的MIME类型

使用MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准，使用MIME类型可以设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开；

在JSP页面中，contentType属性设置为：contentType=“text/html;charset=GBK”；
 

未完待续