最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios

 更新時間:2020年05月18日 11:38:25   作者:虔誠XY  
這篇文章主要介紹了django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

前端使用的是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和前后端分離開發(fā)的學(xué)習(xí)

補充知識:ajax在后端獲取不到請求參數(shù),但是前端已經(jīng)傳遞過去了

使用ajax如果使用的是post方式提交數(shù)據(jù),如果不設(shè)置content-type為application/x-www-form-urlencoded的話,默認(rèn)的模式text/plain;charset=utf-8。

在tomcat中對于post提交方式又做了特殊的處理如果提交方式為post而content-type又不等于application/x-www-form-urlencoded,在tomcat底層是不會去解析請求參數(shù)的,也不會放到requestparameter的map中,因此使用request.getParameter(name)也就獲取不到請求的參數(shù)了。

在瀏覽器中network中,一般post提交方式提交的數(shù)據(jù)也是會顯示在form date下,而不是request payload下。

以上這篇django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue?elementui?實現(xiàn)搜索欄子組件封裝的示例代碼

    vue?elementui?實現(xiàn)搜索欄子組件封裝的示例代碼

    這篇文章主要介紹了vue?elementui?搜索欄子組件封裝,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • elementUI同一頁面展示多個Dialog的實現(xiàn)

    elementUI同一頁面展示多個Dialog的實現(xiàn)

    這篇文章主要介紹了elementUI同一頁面展示多個Dialog的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • Vue在 Nuxt.js 中重定向 404 頁面的方法

    Vue在 Nuxt.js 中重定向 404 頁面的方法

    這篇文章主要介紹了Vue在 Nuxt.js 中重定向 404 頁面的方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-04-04
  • 實例解析Vue.js下載方式及基本概念

    實例解析Vue.js下載方式及基本概念

    vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。接下來通過本文給大家分享Vue.js下載方式及基本概念,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
    2018-05-05
  • 利用Vue-cli搭建Vue項目框架的教程詳解

    利用Vue-cli搭建Vue項目框架的教程詳解

    這篇文章主要為大家詳細(xì)介紹了利用Vue-cli搭建Vue項目框架的相關(guān)資料,對大家深入了解Vue有一定的幫助,感興趣的小伙伴可以了解一下
    2023-02-02
  • vue時間格式化實例代碼

    vue時間格式化實例代碼

    本篇文章主要介紹了vue時間格式化實例代碼,這里整理了詳細(xì)的代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • element?el-select下拉框選擇失效解決辦法

    element?el-select下拉框選擇失效解決辦法

    el-select即選擇器用于從若干個候選項中選擇其中一個(或者多個),在傳統(tǒng)網(wǎng)頁開發(fā)中選擇器經(jīng)常被稱作下拉框、下拉列表是最常用的表單元素之一,這篇文章主要給大家介紹了關(guān)于element?el-select下拉框選擇失效解決辦法,需要的朋友可以參考下
    2023-08-08
  • vue中的封裝常用工具類

    vue中的封裝常用工具類

    這篇文章主要介紹了vue中的封裝常用工具類,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-05-05
  • 關(guān)于導(dǎo)入、配置Vuetify遇到的幾個問題

    關(guān)于導(dǎo)入、配置Vuetify遇到的幾個問題

    這篇文章主要介紹了關(guān)于導(dǎo)入、配置Vuetify遇到的幾個問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • Vuejs 頁面的區(qū)域化與組件封裝的實現(xiàn)

    Vuejs 頁面的區(qū)域化與組件封裝的實現(xiàn)

    本篇文章主要介紹了Vuejs 頁面的區(qū)域化與組件封裝的實現(xiàn)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09

最新評論

贵溪市| 莱阳市| 尤溪县| 六盘水市| 阜康市| 海盐县| 伊川县| 谢通门县| 云南省| 威海市| 高州市| 宝应县| 临西县| 剑阁县| 祥云县| 娄底市| 河曲县| 日喀则市| 瑞金市| 昌吉市| 伽师县| 昌宁县| 灌南县| 武山县| 利津县| 罗城| 高雄县| 元朗区| 鸡西市| 开江县| 昆山市| 内江市| 贡山| 南陵县| 富宁县| 多伦县| 鹿邑县| 奉节县| 南丰县| 陇川县| 太白县|