我正在构建一个带有静态页眉和页脚的基本网页。 在左侧,我有一个菜单。 当我按菜单按钮ajax请求,并在右侧DIV我更新我的文本。带ajax的HTML页面,似乎无法实现RGraph
menu01 - menu01.php 包含一些Mysql结果的php代码,这工作正常。 我认为这工作正常,因为它都是文本输出。
menu02 - Menu02.php 包含显示RGraph的HTML代码,某些文本在右边的DIV中显示OK,但图形不显示。 直接调用此文件时,menu02.php文件显示正常。
我想通过一个php文件输出的RGraph不是xml数据,我可以用它来更新页面的右侧DIV。 ajax只是怀疑收到一些文字,对吧? 所以我必须找到另一种方式来动态更新我的页面,并在右边的DIV上显示不同类型的东西,而无需重新加载整个页面。 有了这些信息,我想我知道它为什么不起作用,但我不知道如何得到我期待的结果。有没有人有线索在哪里寻找?代码
件:
的index.html:
<script src="./js/ajax.js"></script>
<section id="sidebar">
<nav>
<ul>
<li> <button onclick="goto_menu1()">Menu 1</button> </li>
<li> <button onclick="goto_menu2()">Menu 2</button> </li>
</ul>
</nav>
</section>
ajax.js:
function goto_menu1()
{
var xmlHttp = getXMLHttp();
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState == 4)
{
HandleResponse(xmlHttp.responseText);
}
}
xmlHttp.open("GET", "./menu01/menu01.php", true);
xmlHttp.send(null);
}
function goto_menu2()
{
var xmlHttp = getXMLHttp();
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState == 4)
{
HandleResponse(xmlHttp.responseText);
}
}
xmlHttp.open("GET", "./menu02/menu02.php", true);
xmlHttp.send(null);
}
我想我已经找到了我的失落的一角。 我应该使用iframe来加载我的页面的右侧,对吧? 我有它的工作,但我不知道这是最好的解决方案 – Gaston 2013-03-24 23:04:40
嗯,一个iframe是一个快速解决我的问题, ,但我不认为这是最好的选择。 – Gaston 2013-03-24 23:11:24