I am trying to return a list of the random numbers after click but having an error saying " Method Not Allowed The method is not allowed for the requested URL." I am really new to the flask. following is the code:
main.py
import flask
from flask import Flask, render_template, request, jsonify
import numpy as np
app = Flask(__name__)
p=[]
@app.route('/')
def index():
return render_template('index.html')
@app.route('/rannum/', methods=['POST'])
def rannum():
print("clicked")
p = []
p = np.random.randint(100, size=10)
for i in p:
print(i)
return jsonify(p)
if __name__ == '__main__':
app.run(debug=True)
index.html here is the HTML doc.
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Flask App</title>
<style type="text/css">
* {
font-family: sans-serif;
}
</style>
</head>
<body>
<h1>random number generation</h1>
<form method="post" id="form">
<label >click button</label>
<button>click</button>
</form>
<p id="rannum"></p>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$.ajax({
url: "{{ url_for( 'rannum' ) }}",
type: "POST",
data: nameArray,
success: function( resp ){
console.log( resp )
}
})
</script>
</body>
</html>
Simply change your code to this:
@app.route('/rannum/', methods=['POST'])
def rannum():
print("clicked")
p = []
p = np.random.randint(100, size=10)
for i in p:
print(i)
return jsonify({"data": p})
Note: a list cannot be given to users as a response, and note that you cannot use jsonify function for a list. use jsonify when you have dictionary.