如何对简单的JQuery按钮单击事件进行AJAX调用

我一直在这样做，每次新的请求都会不断刷新页面

$(document).ready(function (event) {
    $('#wordsubmit').on('click', function () {
        var wordSearchValue = $("#mainword_search").val();
        if (/\s/.test(wordSearchValue)) {
            wordSearchValue = wordSearchValue.replace(/ /g, '-');
        }
        else {
            sessionStorage.setItem("data", wordSearchValue);
            var pathParameter = 'word-' + wordSearchValue;
            window.location.href = "/search/" + pathParameter + '-examples';
        }
    });
});

在我的flask应用程序中，我的查看方法如下：

@app.route('/search/<word>-examples', methods=['GET', 'POST'])
def word_details(word):
    query=word_search_query(word)
    data=db['wordsdata'].aggregate(query) // get a cursor
    return render_template('worddetails.html',data=data)

我正在研究如何对上面的一个调用进行AJAX调用，我使用了一个简单的JQuery

---

非常感谢您提供的任何帮助或指导链接，请参阅ajax调用。并在div中获取所需的数据。 从URL调用ajax并获取数据。

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.ajax（{url:https://jsonplaceholder.typicode.com/posts，成功：函数（结果）{
日志（结果[0]['title']）；
$（“#div1”）.html（结果[0]['title']）；
}});
});
});

让jQuery AJAX更改此文本
获取外部内容
$(document).ready(function (event) {
    $("#wordsubmit").on('click', function () {
        var wordSearchValue = $("#mainword_search").val();
        if (/\s/.test(wordSearchValue)) {
            wordSearchValue = wordSearchValue.replace(/ /g, '-');
        }
        if (wordSearchValue == '') {
            //pass
        }
        var pathParameter = 'word-' + wordSearchValue;
        $.ajax({
            url: "/search/" + pathParameter + '-examples', success: function (result) {

               //what to do here ??
            }
        });
    });
});