特价手机网站建设,深圳建设工程交易网官网,顺的网站建设服务,网站架构工程师Axios的快速入门
AJAX#xff08;Asynchronous JavaScript and XML#xff09;是一种用于创建动态网页的技术。它允许网页在不重新加载整个页面的情况下#xff0c;异步地从服务器请求数据并更新部分内容#xff0c;从而提高用户体验和响应速度 。
与服务器进行数据交互异…Axios的快速入门
AJAXAsynchronous JavaScript and XML是一种用于创建动态网页的技术。它允许网页在不重新加载整个页面的情况下异步地从服务器请求数据并更新部分内容从而提高用户体验和响应速度 。
与服务器进行数据交互异步
Axios
Axios 是对原生Ajax的封装简化了原生Ajax的使用简单的说我们可以通过Axios发送异步请求与服务器进行数据交互。
快速入门
1. 引入Axios的js文件
script srchttps://unpkg.com/axios/dist/axios.min.js/script2. 使用axios发送请求具体格式如下
scriptaxios({url: 要访问的url地址,method: 请求方法,data: 发送请求需要携带的数据(POST),params: 发送请求时携带的url参数,如:...?keyval}).then((result) {//成功回调函数//这里的result是包含服务器响应回来的所有信息(包括状态码和一些请求信息等)//服务器响应回来的数据封装在result.data}).catch((error) {//失败回调函数})
/scriptAxios-请求方式别名
Axios除了以上请求方式之外还为所有支持的请求方式提供了别名形式的api来简化我们的操作。具体格式如下
axios.请求方式(url[,data[,config]])方法描述axios.get(url [, config])发送get请求axios.delete(url [, config])发送delete请求axios.post(url [, data[, config]])发送post请求axios.put(url [, data[, config]])发送put请求
示例如下
//get
axios.get(url).then((result) {//成功回调函数
}).catch((error) {//失败回调函数
})//post
axios.post(url,data).then((result) {//成功回调函数
}).catch((error) {//失败回调函数
})
