1、jQuery中的ajax
get方法:$.ajax({ url:"v4/api/film/now-playing?t=1539401039415&page=1&count=5",
type:"GET", success:(result)=>{ return result } })
post方法:
$.ajax({ type: "POST", url: "v4/api/film/now-playing",
data: {
t:"1539401039415",
page:"1",
count:"5"
},
success: function(result){
return result
}
});2、axios的方式
get请求方式:import axios from ‘axios‘axios({ method:"get" url:"/listall/list" params: { //向后端传的参数 code: ‘1234‘, name: ‘yyy‘, }, }) .then(result => { return result.data }) .catch(error => { return error })post请求方式:
import axios from ‘axios‘ let data = new FormData(); data.append(‘code‘,‘1234‘); data.append(‘name‘,‘yyyy‘); axios({ method:"post" url:"/listall/list" data //向后端传的参数 }) .then(result => { return result.data }) .catch(error => { return error })3、fetch方法:
get方法:(因为默认为get,因此method和headers可省略)
return () => { fetch(‘/index/hotsShowList?city_id=5‘, { method: ‘GET‘, // 可省略 headers:{ // 可省略 ‘Accept‘: ‘application/json, text/javascript, */*; q=0.01‘ }, }).then(response => { // 将数据处理为 JSON 格式,返回一个 Promise return response.json(); }) .then(data => { // console.log(data.data) }); }post方法:
return () => { let formData = new FormData(); formData.append(‘city_id‘, index); fetch(‘/index/hotsShowList‘, { method: ‘POST‘, headers:{ ‘Accept‘: ‘application/json, text/javascript, */*; q=0.01‘ }, body: formData }).then(response => { // 将数据处理为 JSON 格式,返回一个 Promise return response.json(); }) .then(data => { // console.log(data.data) }); }有些是参考网上其他大神的写法,能力有限,不足之处,请多多谅解!!欢迎指正!!!
相关文章
- 12-18Vue-cli项目axios+require动态获取后台数据库的图片地址
- 12-18后台获取requestbody中数据时出现中文乱码的解决方法
- 12-18axios方式与后台数据交互,post方法,url的格式,url中有#符号时,之后的内容自动截取掉
- 12-18前端使用axios中post访问.net core3.0后台数据的时候不可以传对象,不可以带请求头?出现400、405、415(已解决)
- 12-18MVC4中AJAX Html页面打开调用后台方法实现动态加载数据库中的数据
- 12-18Ajax请求后台返回数据中带有html标签的解析方法
- 12-18关于vue- axios的post请求到后台数据为空的两种解决方法
- 12-18前端向后端获取数据的三种方法:ajax、axios、fetch
- 12-18ajax的get方法获取豆瓣电影前10页的数据
- 12-18ashx文件获取$.ajax()方法发送的数据