我可以使用jquery/ajax使用另一个页面的链接刷新页面上的特定div吗?
我目前正在学习一些jquery和javascript,我目前正在为我们的intranet系统进行大量的实验,大致上将一些监控应用程序转换为基于web的应用程序 一个这样的应用程序涉及到一个菜单列表,它根据活动改变背景颜色,我为此所做的是加载一个php页面,该页面生成每个块所需的状态,并将其输出为列表类型的格式 menu.php输出我可以使用jquery/ajax使用另一个页面的链接刷新页面上的特定div吗?,jquery,ajax,html,refresh,Jquery,Ajax,Html,Refresh,我目前正在学习一些jquery和javascript,我目前正在为我们的intranet系统进行大量的实验,大致上将一些监控应用程序转换为基于web的应用程序 一个这样的应用程序涉及到一个菜单列表,它根据活动改变背景颜色,我为此所做的是加载一个php页面,该页面生成每个块所需的状态,并将其输出为列表类型的格式 menu.php输出 <ul> <a href="index.php?id=1"><li class="green">Menu 1</li>
<ul>
<a href="index.php?id=1"><li class="green">Menu 1</li></a>
<a href="index.php?id=2"><li class="blue">Menu 2</li></a>
</ul>
php代码根据特定菜单上数据的状态更改id和类,现在使用jquery的setInterval函数,我自动刷新index.php上包含菜单的div以更改链接的背景色,这些链接顺便刷新div表上的数据
index.php
$(document).ready(function() {
$.ajaxSetup({ cache: false });
setInterval(function() {
$('menu').load('menu.php');
}, 10000);
});
// ]]></script>
<body>
<div id="menu>
Menu list Generated here
</div>
<div id="table">
Selected data
</div>
</body>
我现在想做的是,我还想通过实现ajax,使用menu.php中的.load,并使用下面的代码加载table.php来刷新表div的数据,以避免刷新整个页面
<a id="click" href="#">click</a>
<script>
$(function() {
$("#click").click(function(evt) {
$("#table").div().load("table.php")
evt.preventDefault();
})
})
</script>
这一次似乎不起作用,从我看到的情况来看,menu.php上的链接不可能更新index.php上的div,这是表。因此我的问题是
或者也许我做错了,有什么见解可以更好的方法吗 您需要加载-。将结果加载到页面上的第一个有效元素中。也许您忘记了指定这是一个类或id。我记得在单击一个时,jQuery中没有.div方法。请检查这个。有时可能会有帮助,实际上这是一个愚蠢的部分,我没有在menu.php上添加jquery.js,现在它可以正常工作了,谢谢大家!