我有一个 div,当单击它时,它会从服务器获取一些信息并将主题放入自身内容以向用户显示它工作正常,但是当它完成工作并且如果用户在此 div 上按住鼠标,则会再次开始加载数据并且这项工作像k无限循环一样继续进行,如果用户在其上按住鼠标,当完成的工作不会再次开始工作时,我该如何处理它?
<div id="picdiv" onmouseover="getit(this,'123')" onmouseout="killit(this)"></div>
我的代码:
var xhr;
function getit(picdiv, pid) {
$('#picdiv').html('please wait...');
xhr= $.ajax({
url: "/Getcontent",
type: 'POST',
dataType: 'json',
data: null,
contentType: 'application/json; charset=utf-8',
success: function (content) {
$('#picdiv').html(content);
},
error: function (content) {
//do something
}
});
}
function killit() {
xhr.abort()
}