电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

django簡單的前后端分離的數據傳輸實例 axios

瀏覽:67日期:2023-11-24 14:27:14

前端使用的是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_exemptdef 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_exemptdef 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就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: IOS
相關文章:
主站蜘蛛池模板: 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 车牌识别道闸_停车场收费系统_人脸识别考勤机_速通门闸机_充电桩厂家_中全清茂官网 | 真石漆,山东真石漆,真石漆厂家,真石漆价格-山东新佳涂料有限公司 | 低合金板|安阳低合金板|河南低合金板|高强度板|桥梁板_安阳润兴 北京租车牌|京牌指标租赁|小客车指标出租 | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 权威废金属|废塑料|废纸|废铜|废钢价格|再生资源回收行情报价中心-中废网 | 液压升降平台_剪叉式液压/导轨式升降机_传菜机定做「宁波日腾升降机厂家」 | 高精度电阻回路测试仪-回路直流电阻测试仪-武汉特高压电力科技有限公司 | 飞歌臭氧发生器厂家_水处理臭氧发生器_十大臭氧消毒机品牌 | 钢制拖链生产厂家-全封闭钢制拖链-能源钢铝拖链-工程塑料拖链-河北汉洋机械制造有限公司 | 六维力传感器_三维力传感器_二维力传感器-南京神源生智能科技有限公司 | 细砂提取机,隔膜板框泥浆污泥压滤机,螺旋洗砂机设备,轮式洗砂机械,机制砂,圆锥颚式反击式破碎机,振动筛,滚筒筛,喂料机- 上海重睿环保设备有限公司 | 乐之康护 - 专业护工服务平台,提供医院陪护-居家照护-居家康复 | 北京环球北美考试院【官方网站】|北京托福培训班|北京托福培训 | POS机办理_个人POS机免费领取 - 银联POS机申请首页 | 缓蚀除垢剂_循环水阻垢剂_反渗透锅炉阻垢剂_有机硫化物-郑州威大水处理材料有限公司 | 实验室隔膜泵-无油防腐蚀隔膜泵-耐腐蚀隔膜真空泵-杭州景程仪器 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 重庆中专|职高|技校招生-重庆中专招生网 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 交通信号灯生产厂家_红绿灯厂家_电子警察监控杆_标志杆厂家-沃霖电子科技 | 云杂志网-学术期刊-首页| 专业广州网站建设,微信小程序开发,一物一码和NFC应用开发、物联网、外贸商城、定制系统和APP开发【致茂网络】 | 客服外包专业服务商_客服外包中心_网萌科技 | 大巴租车平台承接包车,通勤班车,巴士租赁业务 - 鸿鸣巴士 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 紧急泄压人孔_防爆阻火器_阻火呼吸阀[河北宏泽石化] | 热熔胶网膜|pes热熔网膜价格|eva热熔胶膜|热熔胶膜|tpu热熔胶膜厂家-苏州惠洋胶粘制品有限公司 | 河北凯普威医疗器材有限公司,高档轮椅系列,推车系列,座厕椅系列,协步椅系列,拐扙系列,卫浴系列 | 定制/定做冲锋衣厂家/公司-订做/订制冲锋衣价格/费用-北京圣达信 | 企小优-企业数字化转型服务商_网络推广_网络推广公司 | 厦门网站建设_厦门网站设计_小程序开发_网站制作公司【麦格科技】 | 动力配电箱-不锈钢配电箱-高压开关柜-重庆宇轩机电设备有限公司 聚天冬氨酸,亚氨基二琥珀酸四钠,PASP,IDS - 远联化工 | 对夹式止回阀_对夹式蝶形止回阀_对夹式软密封止回阀_超薄型止回阀_不锈钢底阀-温州上炬阀门科技有限公司 | 黑龙江「京科脑康」医院-哈尔滨失眠医院_哈尔滨治疗抑郁症医院_哈尔滨精神心理医院 | 日本SMC气缸接头-速度控制阀-日本三菱伺服电机-苏州禾力自动化科技有限公司 | WTB5光栅尺-JIE WILL磁栅尺-B60数显表-常州中崴机电科技有限公司 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 振动时效_振动时效仪_超声波冲击设备-济南驰奥机电设备有限公司 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 气力输送_输送机械_自动化配料系统_负压吸送_制造主力军江苏高达智能装备有限公司! | 礼至家居-全屋定制家具_一站式全屋整装_免费量房设计报价 |