触发 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等格式