以Flask框架寫的介面為例的AJAX的前後端互動的模板

預設已經引入axios或者jQuery的CDN

程式碼如下：

前端上傳資料（在js裡的新增）

$.ajaxSetup({async: true});//設定非同步，當設定為false即同步時，執行當前AJAX的時候會停止執行後面的JS程式碼，直到AJAX執行完畢後時，才能繼續執行後面的JS程式碼。反之則反。
$.ajax({
            url: "/get", //介面
            type: "post",
            data: {'datas': 'gxg'}, //上傳資料
            dataType: 'json',
            success: function (data) { //成功收到資料後執行的函式，data為回傳的資料
                //新增自己的程式碼
            },
            error: function (e) {//出現問題後執行的函式
                alert("error");
            }
})
 

後端介面（以flask框架為例，在app.py中新增）

@app.route('/get', methods=['get', 'post'])
def GET():
    datas = request.form.get('datas') # 獲取前端ajax傳來的資料
    return json.dumps(datas) # 返回資料