정적 헤더 및 푸터가있는 기본 웹 페이지를 작성하고 있습니다. 왼쪽에는 메뉴가 있습니다. 메뉴 버튼을 누르면 아약스 요청이 만들어지고 오른쪽에는 DIV로 텍스트가 업데이트됩니다.ajax가있는 HTML 페이지는 RGraph를 구현할 수 없습니다.
menu01 - menu01.php 에는 약간의 MySQL 결과가있는 PHP 코드가 포함되어 있지만 정상적으로 작동합니다. 모든 텍스트 출력이므로 정상적으로 작동한다고 생각합니다.
menu02 - Menu02.php 에는 RGraph를 표시하는 HTML 코드가 포함되어 있으며, 일부 텍스트는 오른쪽 DIV에 표시되지만 그래프는 표시되지 않습니다. 이 파일을 직접 호출하면 menu02.php 파일이 잘 표시됩니다.
PHP 파일의 RGraph 출력은 페이지의 오른쪽 DIV를 업데이트하는 데 사용할 수있는 xml 데이터가 아니라는 것을 알았습니다. 아약스는 일부 텍스트 만 받는다고 의심합니다. 맞습니까? 그래서 내 페이지를 동적으로 업데이트하고 다른 페이지를 다시로드하지 않고 오른쪽 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 : 그것은 오른쪽에 바로 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
흠, iframe은 현재 내 문제의 빠른 픽스입니다. 하지만 최선의 선택이라고 생각하지 않습니다. – Gaston