前端和後端溝通，最常用就是 get 和 post
後端
先在 django 專案這邊的 views.py 內建立一個讓前端以 get 方法呼叫的 api
function1 內的第一個參數是前端的 request，之後第二個參數第三個參數可以隨便你設，這倒是沒有限制
用 request.GET 這個

學習

職場產業

健康與情感

後端

前端

<div class="draft-block draft--p left">前端和後端溝通，最常用就是 <span style="font-weight: bold; ">get</span> 和 <span style="font-weight: bold; ">post</span></div>
<h2 class="draft-block draft--h2" name="header-aq1n1">後端</h2>
<div class="draft-block draft--p left">先在 django 專案這邊的 <span style="font-weight: bold; ">views.py</span> 內建立一個讓前端以 <span style="font-weight: bold; ">get</span> 方法呼叫的 api</div>
<div class="embed-block-prerender" data-type="gist" data-id="351c18cde163e7dc6d632aaea4916b33"></div>
<div class="draft-block draft--p left">function1 內的第一個參數是前端的 request，之後第二個參數第三個參數可以隨便你設，這倒是沒有限制</div>
<div class="draft-block draft--p left">用 <span style="font-weight: bold; ">request.GET</span> 這個方法獲得前端傳遞的參數<span style="font-weight: bold; ">，</span><span style="font-weight: bold; ">GET['param1']</span><span style="font-weight: bold; "> </span>代表前端傳遞了一個參數 key 是 param1</div>
<div class="draft-block draft--p left">我們這邊回傳以回傳一筆 json 格式的資料做示範，<span style="font-weight: bold; ">response['msg']='hello world'</span> 代表回傳資料的 key 值是 'msg'，value 是 'hello world'</div>

講完 get 來講 post，那這兩個 call api 的方法有什麼差別呢？先記得一個原則，要傳遞機密的資料用 post，如果要傳遞的參數被別人知道也無所謂就用 get
post 是傳遞資料到後台，資料不會顯示在 url 上，get 是傳遞參數到後台，參數會直接顯示在 url 上和後端的終端上，像

[15] 用 POST 串起前後端

前端和後端溝通，最常用就是 get 和 post

先在 django 專案這邊的 views.py 內建立一個讓前端以 get 方法呼叫的 api

function1 內的第一個參數是前端的 request，之後第二個參數第三個參數可以隨便你設，這倒是沒有限制

用 request.GET 這個方法獲得前端傳遞的參數，GET['param1'] 代表前端傳遞了一個參數 key 是 param1

我們這邊回傳以回傳一筆 json 格式的資料做示範，response['msg']='hello world' 代表回傳資料的 key 值是 'msg'，value 是 'hello world'

接下來要講前後端怎麼溝通，最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論，個人推薦使用 axios，那他們又有什麼優缺點呢？讓我簡單講解一下
ajax
ajax 用法有點麻煩，要先引入 jQuery，用法如下
ajax 比起 axios 較為笨重也較不安全


付費限定文章
[14] 用 GET 串起前後端

後端

以行動支持創作者！付費即可解鎖

付費限定文章[14] 用 GET 串起前後端

後端

以行動支持創作者！付費即可解鎖

付費限定文章
[14] 用 GET 串起前後端