Question : display result in same page using flask api
Answered by : colorful-caterpillar-r6vocz1ubo69
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <title>First Flask App</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script></head><script>function myFunction() {
var text1= $('#text1').val();
var text2= $('#text2').val(); $.ajax({ url: "/join", type: "POST", data: {text1:text1, text2:text2} }).done(function(response) { var html= "<br><br><br><p> <b> RESULT : <b><p>"; response =response.result; $.each(response,function(key,val){ console.log(val); html+="<p>"+val+"<p>" }); html +="<br>"; $(".show-data").append(html); });
}; </script>
<body> <p> Taking input from web<br><br> Text_Value1<input type="text" id="text1" name="text1"><br><br> Text_Value2<input type="text" id="text2" name="text2"><br><br> <button id="clicked" onclick="myFunction()">Submit</button> </p> <div class="show-data" > </div>
</body>
</html>Source : https://pemagrg.medium.com/build-a-web-app-using-pythons-flask-for-beginners-f28315256893 | Last Update : Mon, 11 Apr 22