用DIV+ajax 左边点击 右边出现内容

来源:百度知道 编辑:UC知道 时间:2024/06/09 20:53:41
就是左边导航栏不动,右边的内容是左边点击出来的!这个用框架可以实现,但我想用DIV+AJAX实现
因为不懂AJAX 最好有带源码的详细说明!

两个层 左一 右一 右div内容由左边点击生成
可以 左边点击触发JS AJAX提交到程序 返回内容到 右边就行了
下面 url参数 为处理程序URL document.getElementById("content").innerHTML=http_request.responseText; 即是把程序返回的内容放到 id="content"的层里。
JS如下:
var http_request = false;
function makeRequest(url)
{
http_request = false;
if(window.ActiveXObject)
{
// IE
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}
else if(window.XMLHttpRequest)
{
// Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType('text/xml');
}
}

if (!http_request)
{
alert("Cannot create an XMLHTTP instance");
r