スパルタネットワーク開発総合クラス第4週-APIの作成

GETとPOSTをリクエストするAPIとそれを確認するAjaxコードで練習してみます
GET API
通常、データ・クエリーを要求するために使用されます.まず、APIリクエストを検証するAjaxコードから始めましょう.

$.ajax({
type: "GET",
url: "/test?title_give=봄날은간다",
data: {},
success: function(response){
console.log(response)
}
})

解釈すると/testページでtitle_give=봄날은간다のデータが照会される.successなら、そちらからのresponseを印刷します.
では、このコードは/testを作成してこそ動作します.app.pyにページが作成され、そこに/testが作成されます.

@app.route('/test', methods=['GET'])
def test_get():
   title_receive = request.args.get('title_give')
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 GET!'})

title_receiveであなたが送ったtitle_giveのデータを持ってきます.
持って帰ったら、そのprintを試してみます.そして、jsonifyデータを送ります(これはAjaxで応答しています).
それでは実行しましょう

jsonifyデータをコンソールに出力するには、ボタンをクリックします.
pycharmのターミナル画面で、

前述したように、Ajaxがtitle giveに付与した「春逝」データは、APIのprint(title_receive)によって出力される.
POST API
それでは今回はPOSTで申し込みましょう.
POSTは、データの作成、変更、削除に使用されます.
以前のように、まずAjaxを実現します.

      $.ajax({
                type: "POST",
                url: "/test",
                data: {title_give: '봄날은간다'},
                success: function (response) {
                    console.log(response['msg'])
                }
            })

/testはデータを送信します.データは{title_give: '봄날은간다'}です.もしあなたがするなら、私に返事してください.今回はあなたが送った'msg'万制御台に表示します.
POST APIも実現できる.

@app.route('/test', methods=['POST'])
def test_post():
   title_receive = request.form['title_give']
   print(title_receive)
   return jsonify({'result':'success', 'msg': '요청 수신 완료!'})

はい、わかりました.title_receiveにあなたが送ったデータtitle_giveを入れました.念のため、print箱を送ります.
受け取りました.jsonifyのデータ(response)を送ります.

ボタンを押すと、データが正しく転送され、'msg'の値だけがコンソールに出力されます.
それと同時にpycharm端末画面に

Ajaxが転送したデータの内容出力の様子.