网站建设 软件 开源,如何确定网站建设 栏目,怎么建设一个自己的电商网站,室内设计联盟首页AJAX概念
AJAX是异步的JavaScript和XML(Asynchronous JavaScript And XML)。
简单点说#xff0c;就是使用XMLHttpRequest对象与服务器通信。
它可以使用JSON#xff0c;XML#xff0c;HTML和text文本等格式发送和接收数据。
AJAX最吸引人的就是它的“异步特性就是使用XMLHttpRequest对象与服务器通信。
它可以使用JSONXMLHTML和text文本等格式发送和接收数据。
AJAX最吸引人的就是它的“异步特性也就是说它可以在不重新刷新页面的情况下与服务器通信交换数据或更新页面。
AJAX 是浏览器与服务器进行数据通信的技术
使用AJAX使用axios库与服务器进行数据通信
axios使用
axios基于 XMLHttpRequest 封装、代码简单
基本使用 引入 axios.jshttps://cdn.jsdelivr.net/npm/axios/dist/axios.min.js 使用 axios 函数 传入配置对象再用 .then 回调函数接收结果并做后续处理 axios({url:目标资源地址
}).then((result){//对服务器返回的数据做后续处理
})url
统一资源定位符简称网址
组成协议域名资源路径 查询参数
url查询参数
接在资源路径后用问号?隔开参数之间用连接
示例http://xxx.com/xxx/xxx?参数1值1参数值2值2
axios查询参数
使用 axios 提供的 params 选项
axios 在运行时把参数名和值会拼接到 url?参数名值
axios({url:目标资源地址,params:{参数名:值}
}).then((result){//对服务器返回的数据做后续处理
})请求方法
请求方法对服务器资源要执行的操作
常用请求方法
请求方法操作GET获取数据POST数据提交PUT修改数据全部DELETE删除数据PATCH修改数据部分
axios({url:目标资源地址,method:请求方法 //小写可省略
}).then((result){//对服务器返回的数据做后续处理
})数据提交
使用data选项将数据传给服务端
axios({url:目标资源地址,method:请求方法,data:{参数名:值}
}).then((result){//对服务器返回的数据做后续处理
})axios错误处理
语法在 then 方法的后面通过点语法调用 catch 方法传入回调函数并定义形参
axios({//请求选项
}).then(result{//处理数据
}).catch(error{//处理错误
})Http协议
HTTP 协议规定了浏览器发送及服务器返回内容的格式
请求报文浏览器按照 HTTP 协议要求的格式发送给服务器的内容
请求行请求方法URL协议请求头以键值对的格式携带的附加信息比如Content-Type空行分隔请求头空行之后的是发送给服务器的资源请求体发送的资源
响应报文服务器按照 HTTP 协议要求的格式返回给浏览器的内容
响应行状态行协议、HTTP 响应状态码、状态信息响应头以键值对的格式携带的附加信息比如Content-Type空行分隔响应头空行之后的是服务器返回的资源响应体返回的资源
HTTP响应状态码用来表明请求是否成功完成
状态码说明1xx信息2xx成功3xx重定向消息4xx客户端错误5xx服务端错误