• http请求与响应,同步异步请求以及异步请求axios的配置


    http

    http简介,协议

    http是超文本传输协议 (HyperText Transfer Protocol)服务器传输超文本 到本地浏览器的传送协议,是互联网上应用最为流行的一种网络协议,用于 定义客户端浏览器和服务器之间交换数据的过程。
    HTTP是一个基于TCP(传输层)/IP(网络层)通信协议来传递数据.
    HTTP是一个属于应用层的协议,由于其简捷、快速的方式,适用于分布 式超媒体信息系统.

    http请求

    从web端发送到服务器端的请求目前都是http请求,有get方式请求,有post方式请求
    在网页点击链接,提交表单,都是向服务器发送一个http请求
    一个http请求包含三个部分:
    1.请求行:请求方法,版本协议,请求地址
    2.请求头:包含一些客户机的详细信息
    3.请求体:请求体特指post请求方式发送的数据

    在目前网页中,除了表单method=post以外都是get请求
    get :主要从服务器端获取数据,可以传输少量数据,数据在地址中,会在地址栏中显示
    相对不安全,数据传输数量有限
    post:主要用于向服务器端发送数据 ,数据在请求中,不会显示在地址栏中,相对安全,长度没有限制

    http响应

    获取从前端传来的数据:req.getParameter(“password”);
    doget 传输支持中文
    post传递中文时,需要在接收之前设置解码的字符集: req.setCharacterEncoding(“utf-8”);接收之前设置

    接收请求行请求头数据

        System.out.println(req.getContentLength());//请求内容长度
        System.out.println(req.getServerPort()); // 服务器端口
        System.out.println(req.getServerName()); // 主机名
        System.out.println(req.getRemoteAddr());// 远端客户端ip
        System.out.println(req.getRemotePort());// 客户端端口
        System.out.println(req.getProtocol());// 请求协议
        System.out.println(req.getScheme());// 请求方法
        System.out.println(req.getMethod()); // 请求方式
        System.out.println(req.getRequestURL()); // 请求地址
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    同步异步请求

    同步:同步方法表名调用一旦开始,调用者必须等待方法执行完成,才能继续执行后续方法
    同步请求:发起表单的请求,是同步的,必须要等待服务器响应回来结果后,才可以继续向后执行,响应回来的内容,会将整个网页内容覆盖掉

    异步:不同步,各干各的,,异步方法表名,方法一旦开始,立即返回,调用者无须等待其中方法执行完成,就可以继续执行后续方法

    异步请求:发送异步请求,表示浏览器可以同时做多件事情
    在浏览器中提供XMLHttpRequest对象,可以使用此对象向服务器代理发送请求
    服务器响应方式与之前没有任何区别,响应的内容不会覆盖整个网页,响应内容会被XMLHttpRequest对象接收,就可以在js中局部的更改网页内容

    使用XMLHttpRequest对象向另一个服务器发送请求是可以发送过去的,但是浏览器不允许在当前服务页面接收另一个服务器响应的内容
    解决办法:前后端都可以解决,响应时在响应头中告诉浏览器我是安全的
    在这里插入图片描述

    异步请求axios的配置

    配置文件

    npm install axios

    在 main.js 中配置 axios 导入 axios import axios from ‘axios’; 设置访问后台服务器地址 axios.defaults.baseURL=“http://127.0.0.1:9999/api/”;
    将 axios 挂载到 vue 全局对象中,使用 this 可以直接访问 Vue.prototype.$http=axios;
    在这里插入图片描述

  • 相关阅读:
    《论文阅读》常识感知的提示用于可控的同情对话生成 2023 AAAI
    配置elasticsearch用windows account(AD)登录
    VS2010配置gdal1.10.0 gdal1.10.1编译
    1645. Hopper Company Queries II
    Redis集群搭建
    使用Jenkins自动化部署项目
    【分布式系统】经典面试题总结-史上最全面试题思维导图总结(2022最新版)
    html总结-1-结构与常见标签
    GO文件相关操作使用
    MS14-068漏洞复现
  • 原文地址:https://blog.csdn.net/weixin_56781779/article/details/125359985