如何外部化我的注銷功能？

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中的script標簽有效。 看來您的括號是錯誤的。 嘗試這個。

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 );
    });
}