Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在单击选项卡时加载带有url参数的页面?_Javascript_Jquery_Bootstrap 4_Bootstrap Tabs - Fatal编程技术网

Javascript 如何在单击选项卡时加载带有url参数的页面?

Javascript 如何在单击选项卡时加载带有url参数的页面?,javascript,jquery,bootstrap-4,bootstrap-tabs,Javascript,Jquery,Bootstrap 4,Bootstrap Tabs,我有一个页面,有5个不同的标签。它们在当前代码中同时加载。这不是很有效,因为我同时加载五个文件。相反,我只希望在第一次初始页面加载时加载一个(默认)。我希望在单击时使用ajax/jquery加载其余选项卡。下面是我当前代码的示例: 公司简介 您的ajax在哪里?你试过什么吗?您拥有每个选项卡的id,或者为每个id单击创建一个开关或函数,并通过您正在使用的ajax加载各自的视图cfinclude,因此页面将包含在服务器端。根据您的用例,这可能比呈现一个较小的页面并让用户发送多个

我有一个页面,有5个不同的标签。它们在当前代码中同时加载。这不是很有效,因为我同时加载五个文件。相反,我只希望在第一次初始页面加载时加载一个(默认)。我希望在单击时使用ajax/jquery加载其余选项卡。下面是我当前代码的示例:


公司简介

您的ajax在哪里?你试过什么吗?您拥有每个选项卡的id,或者为每个id单击创建一个开关或函数,并通过您正在使用的ajax加载各自的视图
cfinclude
,因此页面将包含在服务器端。根据您的用例,这可能比呈现一个较小的页面并让用户发送多个请求以加载更多信息更有效。如果您真的想这样做,请研究AJAX.how look page_1.html?例如(这是一个完整的html页面吗?@MisterJojo它可以简单到
你好,这是第1页
应该简单到让每个选项卡的内容为空,只需在每个选项卡上用
$(“#page_x”)创建一个onclick事件。加载(“your#content.html”)不过老实说,如果我的互联网速度非常慢,以至于我注意到加载几个html页面时出现了差异,那么我宁愿比每次打开新选项卡时等待多一点时间。但那只是我。。