About Flask 플라스크는 Python으로 작성된 micro web framework 중 하나 입니다. Werkzeug toolkit과 jinja2 template engine을 기반으로 개발 되었습니다. 2004년 오스트리아 개발자인 Armin Ronacher가 개발 한 web framework 입니다. Flask는 form, database 등 다른 framework(e.g., Java Spring) 등에서 제공하는 많은 기능들을 포함하고 있지 않습니다. 즉, 핵심적인 web framework으로서의 기능만을 제공하고 있으며, 이는 장점이자 단점이 될 수 있습니다. 개발자에게 있어서 많은 자유도, 예를 들면 어떤 UI framework을 사용할지 등을 부여하기 때문에 다양한 customizing..

document.getElementById('first name').value = json_obj.first_name document.getElementById('last name').value = json_obj.last_name simply get DOM object by calling document.getElementById, and the update its value with what you want to update. the example code are here

A form can be updated wih the new value at JavaScript code by accessing the form's id through DOM tree element. {{ form.hidden_tag() }} {{ form.name.label(class="form-control-label") }} ... in the HTML code, name form has its DOM element id as 'name'. Thus, in the JavaScript code, 'name' is used as DOM element id. function update_info(data) { document.getElementById('name').value = data.name .....

JavaScript side First thing, you need to do to make an AJAX call from JavaScript is just adding ajax call code using jQuery as follow. AJAX server side At Flask server, what we need to implement to receive the POST request from client side is adding a new route function. from flask import Flask, render_template, jsonify, request app = Flask(__name__) @app.route('/') def index(): return render_te..

jQuery가 수행되지 않는 경우, $.ajax(....)가 수행되지 않았다. 이에 chrome browser 상에서 F12 -> console로 들어가 log를 확인해보니, 다음과 같이 $.ajax를 찾지 못하는 에러가 발생하고 있었다. Uncaught TypeError: $.ajax is not a function 이는 jQuery 사용 시 slim build에서는 $.ajax가 정의되어 있지 않기 때문이다. 이에 slim을 빼보았다. https://code.jquery.com/jquery-3.5.1.slim.min.js" -> https://code.jquery.com/jquery-3.5.1.min.js" 이후 $ajax는 수행되는 것을 확인하였다.