前端使用的是vue,下面是axios的主要代码
methods: { search: function () { var params = { content1: this.content1 } this.$axios.post("http://127.0.0.1:8000/search/", params) .then((response)=> { console.log(response); this.response1=response.data['content1'] }) .catch(function (error) { console.log(error); }) }, find: function () { this.$axios.get("http://127.0.0.1:8000/find/", { params: { content2: this.content2 } }) .then((response)=> { console.log(response); this.response2=response.data['content2'] }) .catch(function (error) { console.log(error); }) }, },
后端是django框架,代码如下
@csrf_exempt def search(request): post_content = json.loads(request.body, encoding='utf-8')['content1'] print(type(post_content)) print("post_content是:") print(post_content) return JsonResponse({'content1': 'post请求' + post_content * 2, 'msg': '错误信息'}) @csrf_exempt def find(request): find_content = request.GET.get('content2') print("find_content是:") print(type(find_content)) print(find_content) return JsonResponse({'content2': 'get请求' + find_content * 3})
这里主要是新手对axios和前后端分离开发的学习
补充知识:ajax在后端获取不到请求参数,但是前端已经传递过去了
使用ajax如果使用的是post方式提交数据,如果不设置content-type为application/x-www-form-urlencoded的话,默认的模式text/plain;charset=utf-8。
在tomcat中对于post提交方式又做了特殊的处理如果提交方式为post而content-type又不等于application/x-www-form-urlencoded,在tomcat底层是不会去解析请求参数的,也不会放到requestparameter的map中,因此使用request.getParameter(name)也就获取不到请求的参数了。
在浏览器中network中,一般post提交方式提交的数据也是会显示在form date下,而不是request payload下。
以上这篇django简单的前后端分离的数据传输实例 axios就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“django简单的前后端分离的数据传输实例 axios”评论...
更新动态
2024年05月03日
2024年05月03日
- [7504]ReferenceSoundEdition-GreatGuitarTunes(2013)[GermanyHQCD]
- 刘嘉佳《往日时光HQ》头版限量[低速原抓WAV+CUE]
- 单依纯《纯情歌》开盘母带[低速原抓WAV+CUE]
- 杨乐婷《遥望HQ》头版限量编号[低速原抓WAV+CUE]
- 蔡琴《三十周年纪念版》6N纯银镀膜[正版CD低速原抓WAV+CUE][519M]
- 张学友《昨夜梦魂中》[FLAC][453M]
- 群星《17号音乐仓库2 第9期》[320K/MP3][150.23MB]
- 汤兰花.2000-一代佳人(环球唱片金曲系列风华再现)【WAV+CUE】
- 罗美玲.2005-生日领悟(EP)【华研国际】【WAV+CUE】
- 李佳薇《相反的是》WAV
- 试音碟《金指妙弹电子琴演奏》5CD[WAV]
- 【新世纪电子】Авирадж2023-ИллюзияОбмана(FLAC)
- 陈婧霏.2024-春色(EP)【有此山文化】【FLAC分轨】
- 郭富城.2000-无忌VS未来(EP)【华纳】【WAV+CUE】
- 群星.2003-追忆林振强3CD【华纳】【WAV+CUE】