Ajax呼吁点击html中的按钮

Question

我正在学习Ajax调用，我尝试实现以下代码。我已经在HTML中创建了一个按钮，在点击时应该转到使用Ajax调用的指定URL。

以下是代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">    
            <p>{{user}}</p>
            </ul>
            <button id="button" onclick="test()">Click Me</button>
            <p></p>

            <script> 
                function test() {
                    var username = "test@liferay.com";
                    var password = "test";

                    function auth(username, password) {
                        var token = username+ ':' + password;
                        var hash = btoa(token);
                        return "Basic" + hash;
                    }

                    $.ajax({
                        type: 'GET',
                        url: 'http://192.166.7.23:8080/api/jsonws/user/get-user-by-id/user-id/10198',
                        success: function(data) {
                            $("p").text(data);
                        },
                        beforeSend: function(xhr) {
                            xhr.setRequestHeader('Authorization', auth(username, password));
                        },
                        complete:function() {},
                        error: function(data) {
                            alert(data)
                        }
                    });
                }
            </script>
        </div>
    </div>
</div>

但是点击按钮时没有发出通话。 请告诉我，我在哪里做错了。