前端day06 - 技术栈

前端day06

WWBQU2026-07-10 8:47

①、一句话解释什么是ajax技术。

ajax技术是一种能够不重新刷新智能整个页面信息，向服务器发送请求并交换数据，从而更新部分网页数据的技术。

②、axios发送get方式的请求以及携带请求参数语法。

复制代码

axios({//完整配置对象写法
    url:"地址",
    method:"get",
    params:{属性名:值}

    }).then((res)=>{
        ...// res.data 拿到后台返回数据
    })

//简洁 axios.get
axios.get("url",{params:{属性名: 值}}).then((res)=>{
        return data;
    })
axios.get("url?name1=value1&name2=value2").then((res)=>{
        return data;
    })

③、axios发送post方式的请求以及携带请求参数语法。

复制代码

axios{
    url:"地址",
    method:"post"
    data:{属性名:值}

}).then((res)=>{
    ...
})

axios.post{"url",{属性名:值}}).then((res)=>{...})

④、熟练使用AI完成案例的代码书写。

1.获取页面元素，添加事件绑定

2.获取输入框的值：元素.value

3.使用post/get与服务器进行数据交互

4.在 .then() 中接收响应结果 res.data，处理返回数据，判断成功失败

5.使用html代码在页面进行显示

⑤、熟悉在浏览器的开发者工具栏中查看请求参数和响应结果。

打开开发者工具：F12 → Network (网络)

负载 (Payload)：查看本次发送的请求

参数响应 (Response)：查看服务器返回的数据