Как я могу использовать функцию выхода из системы?

Question

Я создаю портал входа в систему, и контейнер, в котором находится портал, будет очищен и заполнен ajax.Моя тестовая страница выглядит так:

<input type="button" id="logoutButton" onClick="Logout()" value="Logout"/>
<form id="loginForm">
    Username: <input type="text" id="username"><br>
    Password: <input type="password" id="password"><br>
    <button type="submit">Login</button>
    Login status: <div id="loginStatus">No login submitted</div>
    Logout status: <div id="logoutStatus">No logout atttempted</div>
    <br><br>
    <button type="submit">Login</button>
</form>
<script src="javascripts/logout.js"></script>

Это logout.js:

    function Logout() 
        {
        var logoutRequest = $.ajax(
            {
            url: "/api/LogOut",
            method: "POST",
            dataType: "json"
            }
        }

        logoutRequest.done(function( response ) 
        {
            $('#logoutStatus').text('Error: ' + response.error + ', Message: ' + response.message);
        });

        logoutRequest.fail(function( jqXHR, textStatus ) 
        {
            alert( "Request failed: " + textStatus );
        });
    });

У меня это работало, когда оно ранее было внутренним (вместе со сценарием входа), но я 'Мне не очень понятно синтаксис, когда речь идет о внешнем вызове.Я провел утро, просматривая различные примеры в Интернете, но большинство примеров, которые я нахожу, относятся только к основным строкам.

Как я могу заставить Logout () работать за пределами главной HTML-страницы?

Answer 1

Тег сценария в html действителен.Похоже, ваши скобки не так.Попробуйте это.

function Logout() {
    var logoutRequest = $.ajax({
        url: "/api/LogOut",
        method: "POST",
        dataType: "json"
    });

    logoutRequest.done(function( response ) {
        $('#logoutStatus').text('Error: ' + response.error + ', Message: ' + response.message);
    });

    logoutRequest.fail(function( jqXHR, textStatus ) {
        alert( "Request failed: " + textStatus );
    });
}