我是 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>
答案 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>