Я новичок в веб-разработке. В настоящее время я использую Flask в Python. В общем, я хочу извлечь значения из html-страницы, используя ajax, и отобразить значение в области на моей html-странице.
У меня есть следующий HTML-код (index.html) ...
<div class="container">
<br></br>
<div id="s1" class="section">
<table align="center" class="data">
<tr><th> </th>
<th>Disease</th>
<th>No Disease</th>
</tr>
<tr>
<th>Postive Test</th>
<td>True +ve: <input type="text" class="form-control" name="TP" id="TP" value="20" style="text-align:center" placeholder="Enter true positive value."/></td>
<td>False +ve: <input type="text" class="form-control" name="FP" id="FP" value="7" style="text-align:center" placeholder="Enter false positive value."/></td>
</tr>
<tr>
<th>Negative Test</th>
<td>False -ve: <input type="text" class="form-control" name="FN" id="FN" value="6" style="text-align:center" placeholder="Enter false negative value."/></td>
<td>True -ve: <input type="text" class="form-control" name="TN" id="TN" value="5" style="text-align:center" placeholder="Enter true negative value."/></td>
</tr>
</table>
<td><button type="submit" class="btn btn-default">Compute</button></td>
</div>
</div>
У меня также есть функция ajax, которая извлекает значения ...
$(document).ready(function() {
$('form').on('submit', function(event) {
$.ajax({
data : {
truePos : $('#TP').val(),
falsePos : $('#FP').val(),
falseNeg : $('#FN').val(),
trueNeg : $('#TN').val(),
},
type : 'POST',
url : '/process'
})
.done(function(data) {
$('#output').text(data.truePositive).show();
});
event.preventDefault();
});
});
Это код Python, который манипулирует данными, извлеченными из ajax
from flask import Flask, render_template, request, jsonify
# App config.
DEBUG = True
app = Flask(__name__)
app.config.from_object(__name__)
app.config['SECRET_KEY'] = '7d441f27d441f27567d441f2b6176a'
@app.route("/")
def index():
return render_template('index.html')
@app.route('/process', methods = ['POST'])
def process():
truePositive = request.form['TP']
out = eval(truePositive)
return jsonify({'truePositive': out})
if __name__ == "__main__":
app.run(debug = True)
Теперь я хочу отобразить значение в разделе на html-странице, поэтому я делаю это ...
<div id="output" class="alert alert-success" role="alert" style="display:none;"></div>
Когда я запускаю приложение и нажимаю кнопку отправки, меня перенаправляют на другую страницу http://localhost:5000/process?TP=20&FP=7&FN=6&TN=5
Однако я хочу, чтобы значение отображалось в теге div. Любая помощь будет оценена.
Заранее спасибо.