错误 - 应将AJAX事件附加到文档:ajaxComplete

时间:2016-12-12 20:59:45

标签: javascript jquery ajax

我是 Ajax 的新手,我的浏览器给了我一个错误:

  

“JQMIGRATE:AJAX事件应附加到文档:ajaxComplete”

我认为我必须在下面添加以下 Ajax 函数才能使其正常工作,但不确定它们会在我的 Ajax POST中的位置代码。有人可以通过让我知道如何以及在何处添加这些功能来帮助我解决此错误吗?

...编辑

<html>
<head>
    <title>Cash Drawer AJAX Interface</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>     
    <script type="text/javascript">
        $(function(){   
            $(document).ajaxStart(function(){
                 console.log('Ajax request started !');
            });
            $(document).ajaxStop(function(){
                 console.log('Ajax request ended !')
            });
            $(document).ajaxComplete(function() { $( ".log" ).text( "Ajax    request completed" ); });          
            $('#kickDrawer').click(function(e){
                e.preventDefault();
                console.log('Client drawer kick clicked');
                var data = {};
                data.title = "title";
                data.message = "message";
                // Drawer kick post                 
                $.ajax({
                    type: 'POST',
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'http://localhost:4444/kickCashDrawer',                        
                    success: function(data) {
                        console.log('success');
                        console.log(JSON.stringify(data));
                    },
                    error  : function() { console.log('error');}
                });
            });             
        });
    </script>
</head>
<body>
    <div id="kickDrawer">
    <input type="button" value="Kick Drawer" />
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

因为它是javascript,所以应该包含在script标签内,以便对其进行解析。

只需将它们包含在document ready处理程序中。

<script type="text/javascript">
        $(function() {      
            $(document).ajaxStart(function(){
                 console.log('Ajax request started !');
            });
            $(document).ajaxStop(function(){
                 console.log('Ajax request ended !')
            }); 

            $('#clientRequest').click(function(e){
            .....
</script>