在鼠标悬停时发送 ajax 请求
Send ajax request on mouseover
我有一组具有相同类选择器的元素。当我在这个元素上输入鼠标时,我想发送 Ajax 查询,但是。当我console.log(1);
鼠标时,输入一切正常,但是当我发送请求时,它会有所进展,并且每个下一个悬停都会发送许多请求而不是一个。这是我的代码:
$(document).ajaxComplete(function () {
$('.device_hover').each(function (key, val) {
$(val).mouseenter(function () {
var val = $(this).html();
console.log(1);
$.ajax({
'type': 'POST',
'url': 'handlers/route_request.php',
'dataType': 'html',
'success': function (data) {
console.log(data);
}
});
});
});
});
有人可以帮助我吗?也许我做错了什么?
我认为最好的方法是使用hover
事件来发送ajax请求。这将仅发送一次。
$(".device_hover").hover(function(){
var val = $(this).html();
console.log(1);
$.ajax({
'type': 'POST',
'url': 'handlers/route_request.php',
'dataType': 'html',
'success': function (data) {
console.log(data);
}
}, function(){
//This function is for unhover.
});
您可以使用 onmouseenter 和 onmouseleave 事件来仅进行一次调用,而不是使用悬停事件。
相关文章:
- ajax请求的顺序总是不同的
- 从ajax请求中获取javascript对象
- Ajax请求文档就绪会导致jquery加载缓慢
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- JavaScript代码未正确检查ajax请求
- "日期“;AJAX请求返回的类型值未定义
- 在等待ajax请求时显示微调器并禁用页面
- 跨域ajax请求
- Ajax请求返回空的数据字符串,但首先得到了正确的数据
- Javascript-如何让脚本与Ajax请求的数据一起运行
- ajax请求成功,但可以'我看不到我的数据
- 如何将给定的curl命令复制为jquery ajax请求
- 为什么我能够从javascript控制台发送跨域ajax请求
- 一台特定计算机的Ajax请求数据未定义/失败
- 获取ajax请求的请求头
- 原型Ajax请求参数为嵌套json
- 可以't从AJAX请求中筛选数据
- jQuery Mobile Collapse上的AJAX请求
- 暂停函数执行流程,直到ajax请求完成