使用 Ajax 调用加载选项卡内容
Loading Tab Content With Ajax Call
我有一个选项卡控件,它通过 $().load() 加载内容,然后加载的页面将从 json 调用加载数据到服务器。 我不确定这是否是一种有效的方法。
基本上,我想知道加载选项卡内容的最佳方法,该选项卡内容将包含另一个ajax调用以获取json数据。 我认为所有这些 ajax 调用都会妨碍性能。
$("#tab-about").click(function () {
$("#tab-content").load("/about");
/* about content will then have it's own ajax call for json data */
});
性能问题取决于您的项目。但是代码可能会出错。确保将第二个 ajax 调用放在 setTimeout 中,因为当您上传网站时可能不会调用它。试试这个:
setTimeout(function(){ /*Your code for ajax load content */ },0);
setTimeout 中的函数将在其包含函数完成后运行。
相关文章:
- 如何在页面加载后更改“选定”选项
- 如何使新选择的html选项成为页面加载的第一选择
- 嵌套的引导选项卡未正确加载内容
- 在新的浏览器选项卡上加载新的aspx页面后调用JavaScript函数
- 如何使用选项useCSS set true为bxSlider加载onSlideAfter()事件
- 如何在页面加载angular js上设置从ajax调用中选择的选项
- 访问url[材质Ui+选项卡]时,Angular Ui路由器未加载视图
- 过滤”;溢价;页面加载选项使用混合
- 如何在打印前等待javascript文件加载twitter,并在打印后关闭选项卡
- PHP Jquery选项卡:内容加载到一个选项卡's面板
- 启动选项卡ajax在加载页面时加载内容
- 如果使用jquery在页面加载时未选择任何选项,如何禁用下拉列表
- Jquery选择选项并获取只工作一次的更改值(页面加载时)
- 选项卡只在加载时显示过多内容,点击后自行修复
- 通过javascript在同一个打开的选项卡中重新加载新的网页内容
- 在下拉列表中的页面加载中已经选择了一个选项,该选项也可以更改
- j查询选项卡未加载
- Jscroll不显示触发选项(加载更多选项)
- jQuery -通过选择选项加载图像
- 基于Select选项加载内容