c# - JQuery 按钮未通过 ajax 触发服务调用

Question

我有一个 JSON 服务，我正在尝试通过网页中的 jquery 通过 ajax 调用来执行此服务。当我创建按钮并尝试执行点击事件但我无法获得任何警报消息以及服务调用也没有触发时，这意味着点击事件本身根本没有触发。请帮忙!

下面是代码

 <title></title>
    <script src="JavaScript.js"></script>
    <script type="text/javascript">
        $(document).ready(function () { });
        $('#buttonnew').click(function () {
            alert("Hi");
            $.ajax({
                url: 'service2.svc/GetRestriction',
                method: 'post',
                contentType: 'application/json',
                data: ({ property: '99883', code: 1 }),
                dataType: 'json',
                success: function (DATA) {
                    alert("hi");
                },
                error: function (err) {
                    alert(err);
                }
            });
        });
    </script>

Answer 1

您需要在加载 DOM 后连接点击事件。

 $(document).ready(function(e) {

         $('#buttonnew').click(function () {
                alert("Hi");
                $.ajax({
                    url: 'service2.svc/GetRestriction',
                    method: 'post',
                    contentType: 'application/json',
                    data: ({ property: '99883', code: 1 }),
                    dataType: 'json',
                    success: function (DATA) {
                        alert("hi");
                    },
                    error: function (err) {
                        alert(err);
                    }
                });
            });    
    });