...
 
Commits (2)
from flask import request
from flask import jsonify
from flask import Flask
app = Flask(__name__)
@app.route('/hello', methods=['POST'])
def hello():
message = request.get_json(force = True)
name = message['name']
response = {
'greeting': 'Hello, ' + name + '!'
}
return jsonify(response)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, GNOME!</title>
<style type="text/css">
body {
font-face: Cantarell, sans-serif;
text-align: center; }
</style>
</head>
<body>
<input id="name-input" types="text">
<button id="name-button">Submit Name</button>
<p id="greeting"></p>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$("#name-button").click(function(event){
let message = {
name: $("#name-input").val()
}
$.post("http://127.0.0.1:5000/hello", JSON.stringify(message), function(response){
$("#greeting").text(response.greeting);
console.log(response);
});
});
</script>
</body>
</html>
\ No newline at end of file