10.jQuery属性—文档—位置操作

Posted journeyer-xsh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了10.jQuery属性—文档—位置操作相关的知识,希望对你有一定的参考价值。

一、fetch 请求参数
fetch(‘/books‘,{
method:‘post‘,
body:‘uname =list&pwd = 123‘,
headrs:{
‘Content-Type‘:"application/x-wwww-form-urlencode"
}
}).then(res=>{
return res.next()
}).then(res=>{
console.log( res)
})
fetch响应的结果
响应数据结构
1、 text()将返回处理成字符串
2、 json()将返回处理成json
二、axios接口调用方法
1、支持浏览器
2、支持promise
3、能拦截请求和响应
4、自动转化JSON
三、axios的api使用方法
1、get 获取
2、post 添加
3、put 修改
4、delete 删除数据
GET传递参数
1、 通过url传 axios.get( ‘/data?id=123‘).then()
2、 通过params选项传递参数 axios.get(‘/adata‘,{ params:{ id:123 } } )
四、POST传递
const param = new URLSerachParmams();
param.append(‘param1‘,value1)
param.append(‘param2‘,value2)
axios.post(‘htttp‘,param).then(res=>{})
五、axios响应的结果
(一)、 1、data
2、headers
3、status
axios.post(‘/axios-json‘)
(二)、全局配置
1、axios.default.titmes = 3000 设置超时时间
2、axios.default.baseURL = "http://localhost:4200"设置默认地址
3、axios.default.header[‘myToken‘] =""设置请求头
(三)、axios拦截器
1、在发出请求之前设置一些信息
axios.intercepetor.request.use((config) =>{
在请求之前设置一些信息
比如设置请求头
return config
},
( err)=>{
console.log(err)
}
)
2、响应拦截器
在获取数据之前,做一些处理
axios.interceptor.response.use( (res)=>{
var data = res.data
return data
} )

以上是关于10.jQuery属性—文档—位置操作的主要内容,如果未能解决你的问题,请参考以下文章

24-[jQuery]-属性,文档,位置,筛选

前端-jQuery

jQuery CSS 的操作函数

jQuery

Jquery详解

jQuery CSS 操作函数