Ajax в JQuery не выполняется

Question

Я хочу сделать два почтовых запроса на сервер, Flask. Вчера я успешно получил запрос на вход в систему, потому что я вижу информацию, напечатанную в консоли браузера. Но после добавления второго события щелчка оба не удаются. И пост «вход в систему» ​​и запрос поста «поиск» не удался по-разному, потому что для первого я вижу «нажал» в консоли, а для второго ничего.

Я также использовал request.get_data () и request.get_json (), но ничего не получил. Я использовал более простой способ получения почтового запроса от Flask, например request.form. Тем не менее, я все еще очень смущен тем, что не так с кодом.

Спасибо за помощь!

Ниже находится файл .js

$(document).ready(function () {

// login, for sending the email and password
$(function () {
    $("form#formLogin").on('click','button#buttonLogin', function () {
        console.log('clicked');
        $.ajax({
            url: "http://127.0.0.1:5000",
            type: "POST",
            data: $('form#formLogin').serialize(),
            contentType: 'json; charset=UTF-8',
            cache: false,
            success: function (response) {
                console.log(response.d);
                console.log("login info sent");
            },
            fail: function (response) {
                console.log(response.d);
                console.log("failed");
            }
        })
    });
})


// search, for executing sql
$(function () {
    $('form#formSearch').on('click', 'button#buttonSearch', function () {
        console.log('begin sending select');

        $.ajax({
            url: "http://127.0.0.1:5000",
            type: "POST",
            data: $('form#formSelect').serialize(),
            contentType: 'json; charset=UTF-8',
            cache: false,
            success: function (response) {
                console.log(response.d);
                console.log("search info sent");
            },
            fail: function (response) {
                console.log(response.d);
                console.log("failed");
            }
        })
    });
})
})

Ниже .html, часть для входа

<form id="formLogin" class="formLogin" method="post">
<h1 class="h3 mb-3 font-weight-normal">Please Login</h1>
<input type="hidden" name="post" class="form-control" value="login"/>

<label for="inputEmail" class="sr-only">Email:</label>
<input type="email" id="inputEmail" name="userEmail" class="form-control" placeholder="Email address" required autofocus/>

<label for="inputPassword" class="sr-only">Password:</label>
<input type="password" id="inputPassword" name="userPwd" class="form-control" placeholder="Password" required/>

<label for="buttonLogin" class="sr-only">Login:</label>
<button id="buttonLogin" class="btn btn-lg btn-primary btn-block" value="login">login</button>

</form>

Ниже .html, поисковая часть

<form id="formSearch" method="post">
<input type="hidden" name="post" class="form-control" value="select"/>

<div class="input-group mb-3 mt-4">

    <label for="selectRecord" class="sr-only">SelectRecord:</label>
    <input type="text" id="selectRecord" name="selectRecord" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1"  required autofocus/>

    <div class="input-group-prepend">
        <label for="buttonSearch" class="sr-only">Search:</label>
        <button id="buttonSearch" name="buttonSearch" class="btn btn-outline-secondary search" value="search">Search</button>
    </div>

</div>

<label for="checkBoxRegion" class="sr-only">Region:</label>
<input id="checkBoxRegion" name="checkBoxRegion" type="checkbox"> <span class="checkboxFontSize">Region</span>&nbsp;&nbsp;&nbsp;

<label for="checkBoxProductName" class="sr-only">ProductName:</label>
<input id="checkBoxProductName" name="checkBoxProductName" type="checkbox"> <span class="checkboxFontSize">Product Name</span> &nbsp;&nbsp;&nbsp;

<label for="checkBoxStoreName" class="sr-only">StoreName:</label>
<input id="checkBoxStoreName" name="checkBoxStoreName" type="checkbox"> 
<span class="checkboxFontSize">Store Name</span>
</form>