2013-03-23 15 views
0

我正在构建一个带有静态页眉和页脚的基本网页。 在左侧,我有一个菜单。 当我按菜单按钮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); 
    } 
+0

我想我已经找到了我的失落的一角。 我应该使用iframe来加载我的页面的右侧,对吧? 我有它的工作,但我不知道这是最好的解决方案 – Gaston 2013-03-24 23:04:40

+0

嗯,一个iframe是一个快速解决我的问题, ,但我不认为这是最好的选择。 – Gaston 2013-03-24 23:11:24

回答

0

到底是装上的权利JS的所有问题页面。 并为rgraph调用正确的jquery代码。

由于我有一个RGraph(或其他js模块)加载到一个动态创建的div中,我现在已经使其工作。 如何?

index.html : 
load js rgraph module 
call a js function for updating div 

js function: 
open a php page, generate data and set up the html layout 
next, check-document-ready, run jquery rgraph call 

我希望它给一些希望那些谁拥有相同的搜索:)