精华内容
下载资源
问答
  • 2021-12-10 12:03:17


            我们知道,HTTP是超文本传输协议,是一个基于请求与响应,无状态的,应用层的协议。举个简单的例子:

    客户端(浏览器)向服务器 提交HTTP请求,服务器收集到请求后向客户端返回响应(响应包含请求的状态信息以及被请求的内容)

            那么在客户端与服务器之间进行请求-----响应时,有两种最常用到的请求方式是:

    • GET
    • POST

    接下来我们就来看看这两种请求方式。

    一、GET请求

    1、什么是GET请求

            GET请求是最常见的请求类型,最常用于向服务器查询某些信息,必要时,可以将查询字符串参数追加到URL的末尾,以便将信息发送给服务器。使用GET请求经常会发生一个错误,即查询字符串的格式有问题。查询字符串中每个参数的名称和值都必须使用encodeURLComponent()进行编码,然后才能放到URL的末尾;而且所有名-值对儿必须有和号(&)分隔,如下所示:

    xhr.open("get"."example.php?name1=valuel&name2=value2",true);
    

    下面这个函数可以辅助向现有URL的末尾添加查询字符串参数:

    function addURLParam(url,name,value){
    	url += (url.indexOf("?") == -1 ? "?" : "&");
    	url += encodeURLComponent(name) + "=" + encodeURLComponent(value);
    	return url;
    }
    

            这个addURLParam()函数接受三个参数:要添加餐宿的URL,参数的名称和参数的值。这个函数首先检查URL是否包含问号(已确定是否有参数存在),如果没有就添加一个问号,然后将参数名称和值进行编码,在添加到URL的末尾。最火返回添加参数之后的URL。

    2、使用GET方法的具体情况

    1.客户端与服务端的交互像是一个提问(如查询操作、搜索操作、读操作)
    2.请求是为了查找资源,HTML表单数据仅用来帮助搜索
    3.请求结果无持续性的副作用(如进行搜索)
    4.收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符
    5.获取参数或者短小的内容时用GET,如?id=5 或者 ?title=abc&url=http...

    3、GET方式提交数据特点

    1、GET方式在url后面拼接参数,只能以文本的形式传递参数
    2、传递的数据量小,4kb左右(不同浏览器会有差异)
    3、安全性低,会将信息显示在地址栏
    4、速度快,通常用于对安全性要求不高的请求

    二、POST请求

    1、什么是POST请求

            使用频率仅次于GET的是POST请求,通常用于向服务器发送应该被保存的数据。POST请求应该把数据作为请求的主体提交,而 GET请求传统上不是这样。POST请求的主体可以包括非常多的数据,而且格式不限。在open()方法的第一个参数的位置传入"post",就可以初始化一个POST请求请求,如下所示:

    xhr.open("post","example.php",true);
    

            发送POST请求的第二步就是向send()方法中传入某些数据。默认情况下,服务器对POST请求和提交的Web表单 的请求并不会一视同仁,因此,服务器必须有程序来读取发送过来的原始数据,并从中解析出有用的部分。

    2、使用POST方法的具体情况

    1.交互是一个命令或订单(order),比提问包含更多信息
    2.交互改变了服务器端的资源并被用户察觉,例如订阅某项服务
    3.用户需要对交互产生的结果负责
    4.请求的结果有持续性的副作用,例如,数据库内添加新的数据行
    5.GET方法可能会产生很长的URL,或许会超过某些浏览器与服务器对URL长度的限制,所以使用POST
    6.获取大断的内容用POST,通常表单用 POST 方式提交数据,表单的method必须设置为POST
    7.对数据有变更的请求(增删)用post;(比如发贴,回复的form 用的是 POST)

    3、POST方式提交数据特点:

    1、post提交数据相对于get的安全性高一些。(注意:抓包软件也会抓到post的内容,安全性要求高可以进行加密)
    2、传递数据量大,请求对数据长度没有要求
    3、请求不会被缓存,也不会保留在浏览器的历史记录中
    4、用于密码等安全性要求高的场合,提交数据量较大的场合,如上传文件,发布文章等
    5、POST方式提交数据上限默认为8M(可以在PHP的配置文件post_max_size选项中修改)

    三、GET请求和POST请求的区别

    这两种请求都是将数据传送到服务器,他们的区别在于:

    • GET在浏览器回退时是无害的,而POST会再次提交请求
    • GET产生的URL地址可以被Bookmark,而POST不可以
    • GET请求会被浏览器主动cache,而POST不会,除非手动设置
    • GET请求只能进行url编码,而POST支持多种编码方式
    • GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留
    • GET请求在URL中传送的参数是有长度限制的,而POST没有
    • 对参数的数据类型,GET只接受ASCII字符,而POST没有限制
    • GET参数通过URL传递,POST放在Request body中
    • GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息
    更多相关内容
  • get请求和post请求的区别

    万次阅读 多人点赞 2022-03-13 10:05:58
    通过建立和释放TCP连接的开销分摊到多个请求,对每一个请求来说,因为TCO造成的相对开销被大大降低了,而且还可以发送流水线请求,就是说在发送请求1之后,在回应到来之前就可以发送请求2. 4.无状态。HTTP协议是无...

    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的区别

    希望得到大家的支持在这里插入图片描述

    展开全文
  • android http 多请求异步封装

    热门讨论 2014-04-10 19:38:19
    本demo主要对异步请求封装 可用作基本项目框架来使用 网络请求等等小细节已经ok 如有需要请进一步更改 1)封装HttpClient 2)由于用到线程池,可以进行多任务网络请求操作 3)没有网络的时候进行网络状态检查 4)对...
  • java发送http/https请求(get/post)代码

    热门讨论 2016-12-02 15:19:05
    自己项目里的,可用
  • Ajax请求的五个步骤

    万次阅读 多人点赞 2020-06-02 14:01:22
    Ajax请求的五个步骤 一、定义 1、什么是Ajax Ajax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新...

    目录

    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的基本步骤

    要完整实现一个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请求是把参数放在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”;
     

    未完待续

    展开全文
  • CORS请求的简单请求和非简单请求

    千次阅读 2019-08-27 17:09:29
    它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能...
  • HttpServletRequest对象概述 ...由于HTTP请求消息分为请求行、请求消息头和请求消息体三部分,因此,在HttpServletRequest接口中定义了获取请求行、请求头和请求消息体的相关方法。 我们在创建Servlet时会覆盖serv...
  • HTTP请求行、请求头、请求体详解

    万次阅读 多人点赞 2018-11-02 11:36:24
    下面是一个实际的请求报文:  ①是请求方法,GET和POST是最常见的HTTP方法,除此以外还包括DELETE、HEAD、OPTIONS、PUT、TRACE。不过,当前的大多数浏览器只支持GET和POST,Spring 3.0提供了一个...
  • SpringBoot发送Http请求-RestTemplate

    万次阅读 多人点赞 2020-05-14 12:05:41
    SpringBoot发送Http请求 [提前声明] 文章由作者:张耀峰 结合自己生产中的使用经验整理,最终形成简单易懂的文章 写作不易,转载请注明,谢谢! ... 前言 之前我写过一篇关于SpringBoot发送Http...但是使用这个工具发送请求
  • 你该知道的浏览器请求与Header

    千次阅读 多人点赞 2021-05-14 23:23:13
    对于非简单请求的跨域cors,浏览器会首先发出类型为 OPTIONS 的“预检请求”,请求地址相同,浏览器询问服务端当前网页所在域名是否在服务端的许可名单中,服务端对“预检请求”处理,并对 Response Header 添加...
  • 本文简单介绍了如何在使用 RestTemplate 时设置请求头以及请求体,并提供了 Demo。
  • http请求头header、请求体body、请求行介绍

    万次阅读 多人点赞 2019-06-09 09:47:54
    HttpServletRequest对象代表客户端的请求,当客户端通过http协议请求访问 ...request如果是post才有请求体,get则没有请求体,直接跟在?后面,用&隔开。 getHeader(String name)获取单个请求...
  • 本文以Mock CSDN官网请求为例,完成了Charles抓包、Postman mock、OkHttp发起三步骤。教你两分钟搞定H5请求到Native请求的转换。
  • 详解CSRF跨站点请求伪造

    千次阅读 2022-03-07 14:39:44
    CSRF跨站点请求伪造(Cross—Site Request Forgery):大概可以理解为攻击者盗用了你的身份,以你的名义在恶意网站发送恶意请求,对服务器来说这个请求是完全合法的,但是却完成了攻击者所期望的一个操作,比如以你的...
  • servlet异步请求

    万次阅读 2020-12-12 13:02:56
    1、什么是servlet异步请求 Servlet 3.0 之前,一个普通 Servlet 的主要工作流程大致如下: (1)、Servlet 接收到请求之后,可能需要对请求携带的数据进行一些预处理; (2)、调用业务接口的某些方法,以完成...
  • Java Http请求工具类

    千次阅读 2021-10-14 11:50:47
    在对接第三方接口时,需要进行数据交互,于是写了一个 Java 的 Http 请求工具类,该工具类可以调用 Get 请求或者 POST 请求。 根据自己业务需求灵活修改 直接上代码: package com.file.license.utils; import org....
  • HTTP post请求请求

    千次阅读 2022-01-05 19:03:30
    这种方式相比其他的post请求更加便捷一点 pom文件中添加依赖 <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-http</artifactId> <version>5.7.10</...
  • get请求和post请求的详细区别

    万次阅读 多人点赞 2019-06-06 16:29:40
    GET和POST是HTTP请求的...你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。 当你在面试中被问到这个问题,你的内心充满了自信和喜悦。 你轻...
  • 接下来几篇文章,将会进行OkHttp的源码解析。还记得去年花了半天时间去进行...今天,主要从OkHttp的两种请求方式开始说起,也就是同步请求和异步请求。 一、前言 作为一名优秀的程序员,一定要有分析源码的经...
  • options请求

    万次阅读 多人点赞 2018-12-18 17:27:37
    在当前项目中,前端通过POST方式访问后端的REST接口时,发现两条请求记录,一条请求的Request Method为Options,另一条请求的Reuest Method为Post。想要解决这个疑惑还得从以下3个概念说起。 Http Options Method ...
  • java发送https请求的例子

    热门讨论 2013-10-31 16:18:51
    java发送https请求的例子
  • Flutter Http网络请求详解

    千次阅读 2019-03-10 23:57:29
    Http的请求方式简介1.1 GET请求方式1.2 POST请求方式1.3 HEAD请求方式1.4 PUT请求方式1.5 DELETE请求方式1.6 OPTIONS请求方式1.7 TRACE请求方式1.8 CONNECT请求方式2. Flutter Http网络请求实现的区别和特点 Http...
  • POST请求

    千次阅读 2021-03-27 09:51:57
    称之为“上行请求”和“下行响应”。不管是哪种请求,都会“报头”+“报文”的形式传输数据 一般上行请求的上行报文是空的,下行响应的下行报文是html的代码 报头:用来存放一些信息,比如客户端的信息,访问时间...
  • HTTP协议不对URI的长度作事先的限制,服务器必须能够处理任何他们提供资源的URI,并且应该能够处理无限长度的URIs,这种无效长度的URL可能会在客户端以基于GET方式的请求时产生。如果服务器不能处理太长的URI的时候...
  • http请求测试工具

    千次下载 热门讨论 2013-10-08 15:40:42
    本工具可以用于http协议的测试。可以模拟ajax的POST或者GET模式提交数据。支持自定义cookie。也可以用于客户端通信,前提是http协议的。免积分分享给大家。
  • 发送Get请求,但是请求参数要放在请求body内,所以经过多方查证后整理出来以下代码。 2.POM依赖 <dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>...
  • 本文涉及两种请求方式,即 get 和 post 。通过java后台设置请求头部 可以根据需求修改或者添加请求头信息。 修改请求头代码 根据不同的请求方式,在main方法中选择调用不同的方法(get/post ) package ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,898,058
精华内容 1,959,223
关键字:

请求