在ajax调用中设置延迟
Set a delay in ajax call
我试图在加载程序图标和成功之间添加一个小延迟(2秒),数据为html。
我尝试使用的是setTimeout,并输入一个延迟数。这不起作用,所以我希望你能告诉我什么是正确的方法
我的ajax代码:
<script type="text/javascript">
$(function () {
var delay = 2000;
var res = {
loader: $("<div />", { class: "loader" })
};
$('#search').on('click', function () {
$.ajax({
type: 'GET',
url: "@Url.Action("Find", "Hotel")",
datatype: "html",
beforeSend: function () {
$("#group-panel-ajax").append(res.loader);
setTimeout(delay);
},
success: function (data) {
$("#group-panel-ajax").find(res.loader).remove();
$('#group-panel-ajax').html($(data).find("#group-panel-ajax"));
}
});
return false;
});
});
</script>
现在它跑得很快。希望有人能帮忙。
setTimeout
应在success
function
内部使用。
$(function() {
var delay = 2000;
var res = {
loader: $("<div />", {
class: "loader"
})
};
$('#search').on('click', function() {
$.ajax({
type: 'GET',
url: "@Url.Action("Find", "Hotel")",
datatype: "html",
beforeSend: function() {
$("#group-panel-ajax").append(res.loader);
},
success: function(data) {
setTimeout(function() {
delaySuccess(data);
}, delay);
}
});
return false;
});
});
function delaySuccess(data) {
$("#group-panel-ajax").find(res.loader).remove();
$('#group-panel-ajax').html($(data).find("#group-panel-ajax"));
}
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
当我想做同样的事情时,我发现了一些东西:
function doStuff()
{
//do some things
setTimeout(continueExecution, 10000) //wait ten seconds before continuing
}
function continueExecution()
{
//finish doing things after the pause
}
希望它能帮助你的
像这样使用setTimeout()
:
<script type="text/javascript">
$(function () {
var delay = 2000;
var res = {
loader: $("<div />", { class: "loader" })
};
$('#search').on('click', function () {
$.ajax({
type: 'GET',
url: "@Url.Action("Find", "Hotel")",
datatype: "html",
beforeSend: function () {
$("#group-panel-ajax").append(res.loader);
},
success: function (data) {
setTimeout(function(){
$("#group-panel-ajax").find(res.loader).remove();
$('#group-panel-ajax').html($(data).find("#group-panel-ajax"));
}, delay);
}
});
return false;
});
});
</script>
相关文章:
- 在延迟时设置Whois脚本
- 如何通过justinaguilar.com设置动画延迟?[解决]
- JQueryAJAX:防止由于设置间隔函数而导致的延迟
- 延迟设置超时()
- 为什么即使 setTimeout 设置为 0 延迟也会有延迟
- 如何设置延迟
- javascript函数属性设置器中的延迟
- jQuery Banner Rotator插件中的延迟设置不起作用
- 我们如何在下拉子菜单中设置5秒的时间或延迟
- 在JS文件中设置延迟以调用JS文件
- 是否可能/如何像谷歌插件一样为jQuery自动完成设置延迟
- 在初始化之前设置延迟或超时
- 在 JavaScript 中设置延迟时间
- 在重复的 jQuery / Ajax 函数中设置延迟
- 在for循环Jquery/Javascript中设置延迟
- 如何使用jquery在ajax上设置延迟
- 在ajax调用中设置延迟
- java script setInterval设置延迟时间
- Jquery:为每次迭代设置延迟
- 如何在setInterval循环中设置延迟