一、GET 请求是什么GET 是 HTTP 协议里最基础的一种请求方法。一句话理解从服务器「获取 / 查询」数据不修改服务器上的数据。 就像你在浏览器地址栏输入网址敲回车本质就是发送 GET 请求向服务器拿网页内容。核心特点数据拼在URL 地址栏上用?分隔多个参数用连接 示例https://xxx.com/api/list?name张三age20?后面查询参数query 参数只用来读取数据不能新增、修改、删除服务器资源规范上有长度限制URL 不能太长不同浏览器限制不一样一般 2k 左右不能传大量数据会被浏览器缓存、保存在历史记录里明文传输参数直接写在地址栏不能传密码、隐私信息二、GET 能解决什么问题只做查询、读取类需求获取列表数据商品列表、新闻列表、表格数据查询详情根据 ID 获取某一条数据搜索功能输入关键词后台返回匹配结果获取静态资源图片、html、css、js 文件分页查询?page1size10获取第 1 页 10 条数据不适合提交表单、上传文件、修改 / 新增数据这些一般用 POST三、GET 请求怎么使用前端 2 种写法你学的 JS方式 1原生 JSXMLHttpRequest老原生 AJAX作业常考// 1. 创建请求对象 let xhr new XMLHttpRequest(); // 2. 打开连接方法GET接口地址查询参数true异步 let url https://api.example.com/user?name小明page1; xhr.open(GET, url, true); // 3. 监听请求状态变化 xhr.onreadystatechange (){ // readyState4 请求完成status200 成功 if(xhr.readyState 4 xhr.status 200){ // 拿到后台返回的数据 let res JSON.parse(xhr.responseText); console.log(res); } } // 4. 发送请求GET不需要传参数在send里面 xhr.send();重点GET 的参数写在 url 里send()里面不传内容方式 2fetch现代浏览器推荐现在项目常用// 拼接查询参数 let params new URLSearchParams(); params.append(name,小明); params.append(page,1); let url https://api.example.com/user?${params}; fetch(url,{ method:GET // GET可以省略不写fetch默认就是GET }) .then(responseresponse.json()) .then(res{ console.log(获取的数据,res); }) .catch(err{ console.log(请求失败,err); })URLSearchParams专门用来拼接 get 参数自动处理特殊字符避免手动拼接出错。