帶ajax的HTML頁面，似乎無法實現RGraph

我正在構建一個帶有靜態頁眉和頁腳的基本網頁。在左側，我有一個菜單。當我按菜單按鈕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); 
    }

來源

2013-03-23 Gaston

我想我已經找到了我的失落的一角。我應該使用iframe來加載我的頁面的右側，對吧？我有它的工作，但我不知道這是最好的解決方案 – Gaston 2013-03-24 23:04:40

嗯，一個iframe是一個快速解決我的問題，，但我不認爲這是最好的選擇。 – Gaston 2013-03-24 23:11:24

到底是裝上的權利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

我希望它給一些希望那些誰擁有相同的搜索:)

來源

2013-03-25 01:18:30 Gaston

帶ajax的HTML頁面，似乎無法實現RGraph

回答

相關問題