# Make API #### GET and POST requests - Get ; normally used to read data e.g. to see a movie list - Post ; normally used to create, update, or delete data. e.g. sign up, change a password

#### Get request #### Jquery import `` - add Jquery import code under `` in `index.html` ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title

나의 첫 웹페이지!

``` - add `` under Jquery import code. - define a function ``` Title

나의 첫 웹페이지!

``` - copy and paste `Get request check Ajax code` below in the function. >Get request check Ajax code ``` $.ajax({ type: "GET", url: "/test?title_give=봄날은간다", data: {}, success: function(response){ console.log(response) } }) ``` ``` Title

나의 첫 웹페이지!

``` - copy and paste `Get request API code` in `app.py` file. > Get request API ``` @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) ``` ``` from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) ``` - add ` request` and `jsonify` after `import` ``` from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) ``` - now, open the Console and click on the button in the page. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660916627312/rXu5ysH4O.png align="left")

#### Post request > #### Post request check Ajax code ``` $.ajax({ type: "POST", url: "/test", data: { title_give:'봄날은간다' }, success: function(response){ console.log(response) } }) ``` - Copy and paste the Ajax code above in `function hey()` ``` Title

나의 첫 웹페이지!

``` to ``` Title

나의 첫 웹페이지!

``` - copy and paste `Post request API` code in `app.py` file. > #### Post request API code ``` @app.route('/test', methods=['POST']) def test_post(): title_receive = request.form['title_give'] print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 POST!'}) ``` ``` from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route('/test', methods=['GET']) def test_get(): title_receive = request.args.get('title_give') print(title_receive) return jsonify({'result':'success', 'msg': '이 요청은 GET!'}) @app.route('/test', methods=['POST']) def test_post(): title_receive = request.form['title_give'] print(title_receive) return jsonify({'result':'success', 'msg': '요청을 잘 받았어요'}) if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) ``` - click the button and chekc out the Console. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660916986663/C7w0xSitc.png align="left")

- add `['msg']` next to `response` in `console.log` ``` Title

나의 첫 웹페이지!

``` to ``` Title

나의 첫 웹페이지!

``` - It only shows the message. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660917119083/OiuRKrgkS.png align="left")