<!--
请帮忙实现一个功能:(注意:不用框架)
点击aaa时,在A点处能require一个a.php文件。同时aaa变为红色。
点击bbb时,在A点处能require一个b.php文件。同时bbb变为红色。
-->
<html>
<head>
<meta charset=gb2312" />
</head>
<body>
<ul id="myul">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<hr />
<div id="mydiv">
<?php //A点 ?>
</div>
</body>
</html>
请帮忙实现一个功能:(注意:不用框架)
点击aaa时,在A点处能require一个a.php文件。同时aaa变为红色。
点击bbb时,在A点处能require一个b.php文件。同时bbb变为红色。
-->
<html>
<head>
<meta charset=gb2312" />
</head>
<body>
<ul id="myul">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<hr />
<div id="mydiv">
<?php //A点 ?>
</div>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#aa').click(function(){
$('#tt').load('b.php');
});
$('#bb').click(function(){
$('#tt').load('c.php');
});});
</script>
</head>
<body>
<input type="button" value="aaa" id="aa">
<input type="button" value="bbb" id="bb">
<div id="tt">
</div>
</body>
</html>同目录下建立:b.php,c.php,内容为:
<?php
echo "c";
?>
即可!更复杂的也可以这么操作!
==========================
下面说一下不用jquery库的用法。javascript + ajax
<html>
<head>
<meta charset=gb2312" />
</head>
<script type="text/javascript">
function myajax(out,url)
{
//获取接受返回信息层
var msg = document.getElementById(out);
var ajax = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
ajax = new XMLHttpRequest();
if (ajax.overrideMimeType) {//设置MiME类别
ajax.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!ajax) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
ajax.open("GET", url, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send();
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
msg.innerHTML = ajax.responseText;
}
} }
</script>
<body>
<ul id="myul">
<li onclick="this.style.color='#FF0000';myajax('mydiv','aa.php');">aaa</li>
<li onclick="this.style.color='#FF0000';myajax('mydiv','bb.php');">bbb</li>
<li>ccc</li>
</ul>
<hr />
<div id="mydiv">
<?php //A点 ?>
</div>
</body>
</html>下面是:aa.phpheader("content-type: text/html; charset=gb2312");
echo '这是aa.php文件';下面是:bb.phpheader("content-type: text/html; charset=gb2312");
echo '这是bb.php文件';