PUSH API Данные ответа на Flask Modal без перезагрузки ⇐ Jquery

[Anonymous]

У меня есть приложение Flask, которое получает данные из ответа API и необходимо передать их в модальную форму для проверки пользователя. Ответы различаются, и пользователи могут предпринять разные действия в зависимости от содержания ответа. По этому и другим причинам я не хочу перезагрузить страницу. (На странице есть и другие разделы, которые должны оставаться перед пользователем). Мои навыки JS/jQuery/Ajax не подходят. Я даже не должен это делать, но тот, кто должен это делать, сейчас недоступен. Я очень отлично получаю ответ API, но у меня очень серьезная проблема, открывая модал с данными, извлеченными из ответа API. Я либо получаю модал без данных, либо получаю данные на новой перезагруженной странице с файлом модальной формы, захватывающей браузер, или получаю разнообразие садовых ошибок. Ваш знающий совет будет высоко оценен.@view_bp.route('/main', methods = ['GET', 'POST'])
def main():
formFoo = formBase(prefix = 'foo')
if request.method == 'GET':
// fill form

if request.method == 'POST':
if formFoo.submit.data:
foo_data1 = formFoo.field1.data
foo_data2 = formFoo.field2.data

access_token = current_app.config.get('ACCESS_TOKEN')
data_request = call_procedure(foo_data1, foo_data2, access_token)

current_app.data_response = response_procedure(data_request)
data_response = current_app.data_response
// other stuff
return render_template('view/file.html')

@view_bp.route('/show_response', methods = ['GET', 'POST'])
def show_response():
response = current_app.data_response
return render_template('view/show_response.html', response = response)

file.html





Foo One


Foo Two










Response Data

×


{%- include './view/show_response.html' with context -%}

Close






file.js


$(document).ready(function(){
$('#form_foo').on('submit', function(e){
e.preventDefault();

let data = response;
$.post('view.show_response', $(this).serialize(), function(data) {
$("#response").json(data);
});

$('#responseData').modal('show');
});
});


show_response.html

Please review a response to your data entry.


Response Data
Response: {{ response }}
...

Request Data
Request: ...
...




Подробнее здесь: https://stackoverflow.com/questions/794 ... -reloading