当前位置: 首页 > article >正文

HTTP—03

触发 GET 请求

1)直接在浏览器  地址栏  输入  URL,此时构成了一个GET请求

2)HTML中的一些特殊标签可能会触发

例如 img,a,link,script...

3)通过Form表单触发(Form本质也是一个HTML标签)

4)ajax的方式

构造HTTP请求

1)Form表单的形式

VSCode

编写前端代码,可以选择  VSCode——>安装途径

Visual Studio Code - Code Editing. Redefined

       

!<tab> 会自动生成基本的HTML代码模版

<html>              </html>结束的标志

head  中是属性

body  中是页面显示的内容

HTML中标签的含义都是标准规定的

浏览器对于HTML来说具有一定的鲁棒性

即使给出不规范的代码,也可以进行解析显示(浏览器会尽可能进行显示)

form表单的编写

开始标签中可以写属性(键值对),可以有多个属性

键值对之间用  空格  分割,键和值之间用  =  分割

键不需要有引号,值需要有引号

action=“  ”  填写要访问的请求的URL路径(可以带上IP和端口号)

            

method  属性描述了当前要构造的请求(form只支持GET和POST)

设置一个按钮

此时请求已经构成,但是想要有响应就需要服务器的配合了

2)ajax的方式

form会触发页面跳转

ajax通过js提供的API构造HTTP请求,对于拿到的响应,同样可以使用ja处理,决定是否跳转

浏览器原生提供了ajax的API,但是比较难用

一些第三方库封装了ajax,此处使用 jquery 库封装的ajax

1)引入jquery库(在代码中写一个库的地址即可)

jQuery CDN

2)编写代码

$  是一个变量名(全局变量,在jquery中定义),通过这个变量调用一些方法,使用jQuery的API

js中  {}  表示对象

{}  里面是使用键值对的方式来描述“属性名”和“属性值”的

postman

Download Postman | Get Started for Free

form和ajax都是用代码构造的,是前端的范围

此处使用postman(图形化界面构造)比较简单

点击右侧加号,可以创建标签页,在标签页内构造具体的请求细节

   设置方法

设置URL

       设置请求Header

        设置请求body

   此处可自动生成ajax等格式


http://www.kler.cn/a/446289.html

相关文章:

  • APM32F411使用IIS外设驱动es8388实现自录自播
  • 【C++11】可变模板参数
  • 最新ubuntu20.04安装docker流畅教程
  • 实现 WebSocket 接入文心一言
  • 阿里云百炼大模型生成贪吃蛇小游戏
  • 本地maven项目打包部署到maven远程私库
  • Flutter组件————FloatingActionButton
  • 【优先算法】双指针 --(结合例题讲解解题思路)(C++)
  • 【java】全文索引,普通索引,以及ES搜索引擎组件的关系
  • MATLAB中cvx工具箱的使用
  • 三次翻转实现数组元素的旋转
  • 深入了解Python模拟负载均衡器:将请求高效分发至多个服务器
  • Emacs折腾日记(四)——elisp控制结构
  • Django 模板分割及多语言支持案例【需求文档】-->【实现方案】
  • springboot 3 websocket react 系统提示,选手实时数据更新监控
  • Flask内存马学习
  • (12)YOLOv10算法基本原理
  • 基于语义的NLP任务去重:大语言模型应用与实践
  • 数据结构-栈与队列
  • GaussDB数据库迁移方案介绍
  • 某医疗行业用户基于Apache SeaTunnel从调研选型到企业数据集成框架的落地实践
  • 智慧商城:购物车模块基本静态结构 + 构建vuex cart模块,获取数据存储(异步actions)
  • 图解HTTP-HTTP状态码
  • ECharts散点图-SymbolShapeMorph,附视频讲解与代码下载
  • Go 语言GC(垃圾回收)的工作原理
  • 「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具