jquery iframe src加载延迟
我的页面 [parent aspx] 上有一个 jquery 模式。 打开的 div 中有一个 iframe。我在模态打开函数上设置了源,这实际上是另一个 aspx 页面,其中包含来自我的父 aspx 的一些值。
现在,其他 aspx 页面需要时间来显示从外部数据源返回的格式化结果。因此,模式窗口打开,用户必须等待内容加载。
是否可以显示等待或工作或任何其他 gif 等标签,直到 aspx 页面返回值。
编辑添加:-
function openDialog() { var url = "result.aspx?NAME=" + encodeURIComponent($("#<%=txtcity.ClientID %>").val()) + "&Type= " + encodeURIComponent($("#<%=txtType.ClientID %>").val()) ;
$("#popup").attr("src", url);
$("#carModal").dialog('open');
}
}
我的 div 如下:
<div id="carModal" >
<iframe id ="popup" width ="100%" height="100%"></iframe>
</div>
在 result.aspx 的 onload 中,我将两个值传递给外部服务并将结果映射到 GridView。这就是需要时间加载的情况。 jquery 弹出窗口未加载任何数据,因为 lad 上的 result.aspx 仍在工作。我还将网格行值返回到父页面并填充控件
I have a jquery modal on my page[parent aspx].
The div which opens has an iframe in it. I set the source on modal open function which is actually another aspx page with some values from my parent aspx.
Now other aspx page takes time to display formatted results back from an external datasource. Hence the modal window opens and user has to wait before content is loaded.
Is it possible to display a label like wait or working or anyother gif till the aspx page returns values.
Edited to add:-
function openDialog() { var url = "result.aspx?NAME=" + encodeURIComponent($("#<%=txtcity.ClientID %>").val()) + "&Type= " + encodeURIComponent($("#<%=txtType.ClientID %>").val()) ;
$("#popup").attr("src", url);
$("#carModal").dialog('open');
}
}
My div is as below:
<div id="carModal" >
<iframe id ="popup" width ="100%" height="100%"></iframe>
</div>
In the onload of result.aspx I pass the two values to external service and map the result to GridView. This is what takes time to load. The jquery popup comes without any data loaded as the result.aspx on lad is still working. I also return the grid row values to parent page and populate controls
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
通常在你的 .ajax 函数中,你可以制作一个隐藏的加载 gif(在 css 中为 display:none),并使其再次隐藏成功回调函数。如果您在此处粘贴一些 jQuery 代码/aspx,会更容易为您提供帮助。
另请参阅这篇文章以及可以给你更多信息
usually in your .ajax function you can make a hidden loading gif (display:none in css) to appear and make it hidden again the success callback function. It would be easier to assist you if you paste some of your jQuery code/aspx here.
Also refer to this post as well which can give you more information