Как правильно сделать ajax запрос в jqwery?

Question

[Morrowind]

Привет.
Не могу понять как правильно сделать примитивный запрос к flask с веб страницы.
Есть кнопка и простой текст. Нужно динамически без перезагрузки страницы обратится переменной которая при каждом обращении содержит новое значение.
Прошу покажите пример как это осуществить примитивно на jqwery.

<div class="container">
           <p class="lead" > {{hook}} </p>
           button type="button" class="btn btn-outline-secondary" >ROLL</button>
       </div>

на строне FLASK

app = Flask(__name__)

@app.route('/')
def hello_world():
    hook = result # тут содержится функция которая рандомно при обрезании выплевывает новое значение.
    return render_template('index.html', hook = hook)
.....

Answer 1

[WebEagle]

Не нужно jQuery, переходи на чистые средства JS
fetch прост
https://learn.javascript.ru/fetch

Comments

[Morrowind]

WebEagle за подсказку fetch спасибо.
Вопрос с обращением к функции так же решен. Возможно я сделал не правильно, обращаясь каждый раз к другому route, но оно работает.

Результат:

app = Flask(__name__)

@app.route('/')
def hello_world():
    hook = result() # Определение функции в переменную. ДА, ТАК НУЖНО.
    return render_template('index.html', hook = hook)

@app.route('/about')
def infos():
    hook = result()
    return jsonify(res="hook)

<div class="container">
           <p class="lead" > {{hook}} </p>
           button type="button" class="btn btn-outline-secondary" >ROLL</button>
</div>

<script>

       async function clicer(){
            let url = 'http://127.0.0.1:5000/about'
            let response = await fetch(url);
            let commits = await response.json()

    alert(commits.res)
}
   </script>