用PHP写的程序 想实现ajax局部刷新 帮下忙。。。
JS只看了个基础。现在急着想实现这一功能。会的帮下忙。最好联系下我QQ全天在线。。基本情况：用PHP程序。用$_GET方式实现的更换某一个DIV里的内容。$id=$_GE...
JS 只看了个基础。 现在急着想实现这一功能。 会的帮下忙。 最好联系下我QQ 全天在线。。
基本情况：
用PHP程序。 用$_GET 方式实现的 更换某一个DIV里的内容。
$id=$_GET[id];
实现原理是： 点击一个链接 <a href="index.php?id=1">这里是第一个内容</a>
<a href="index.php?id=2">这里是第二个内容</a>
<div id="conten">
然后通过 switch ($id){
case 1:
echo "这里是内容1的内容";
break;
case 2:
echo "这里时内容2的内容";
break;
</div>
通过点击 实现显示不同的内容这样。
可是点链接时会自动返回IE首部。 还要下拉滚动条 很不人性化
查询得知通过ajax局部刷新 可以解决。 由于 看不懂代码， 又要急于实现功能。 所以想请各位帮忙实现下 Q Q 3 3 0 9 1 0 5 2 9
代码贴在下面也可以。 联系下最好
谢谢了。。 展开
基本情况：
用PHP程序。 用$_GET 方式实现的 更换某一个DIV里的内容。
$id=$_GET[id];
实现原理是： 点击一个链接 <a href="index.php?id=1">这里是第一个内容</a>
<a href="index.php?id=2">这里是第二个内容</a>
<div id="conten">
然后通过 switch ($id){
case 1:
echo "这里是内容1的内容";
break;
case 2:
echo "这里时内容2的内容";
break;
</div>
通过点击 实现显示不同的内容这样。
可是点链接时会自动返回IE首部。 还要下拉滚动条 很不人性化
查询得知通过ajax局部刷新 可以解决。 由于 看不懂代码， 又要急于实现功能。 所以想请各位帮忙实现下 Q Q 3 3 0 9 1 0 5 2 9
代码贴在下面也可以。 联系下最好
谢谢了。。 展开
3个回答
展开全部
给你写了个例子，应该可以帮你说明原理了。
首先ajax.html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>异步请求</title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<span onClick="AJAX('ajax.php?id=span')">我是SPAN标签</span>
<a href="javascript:void(0);" onClick="AJAX('ajax.php?id=a');">我是A链接</a>
<div id="box"></div>
</body>
</html>
然后ajax.js:
var xmlhttp;
function AJAX(url){
xmlhttp=null;
if (window.XMLHttpRequest){// code for all new browsers
xmlhttp=new XMLHttpRequest();
}else if (window.ActiveXObject){// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null){
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}else{
alert("你的浏览器不支持XMLHTTP对象。");
}
}
function state_Change(){
if (xmlhttp.readyState==4){// 4 = "异步请求成功"
if (xmlhttp.status==200){// 200 = OK
var o = document.getElementById("box");
var str = xmlhttp.responseText;
o.innerHTML = str;
}else{
alert("服务器出错，异步请求失败！");
}
}
}
最后ajax.php：
<?php
$id = $_GET["id"];
switch($id){
case "span":
echo "这是点击span获取到的内容！";
break;
case "a":
echo "你点到A标签了！";
break;
default:
"搞砸了！";
}
?>
希望能够帮助你! 祝你好运！
首先ajax.html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>异步请求</title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<span onClick="AJAX('ajax.php?id=span')">我是SPAN标签</span>
<a href="javascript:void(0);" onClick="AJAX('ajax.php?id=a');">我是A链接</a>
<div id="box"></div>
</body>
</html>
然后ajax.js:
var xmlhttp;
function AJAX(url){
xmlhttp=null;
if (window.XMLHttpRequest){// code for all new browsers
xmlhttp=new XMLHttpRequest();
}else if (window.ActiveXObject){// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null){
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}else{
alert("你的浏览器不支持XMLHTTP对象。");
}
}
function state_Change(){
if (xmlhttp.readyState==4){// 4 = "异步请求成功"
if (xmlhttp.status==200){// 200 = OK
var o = document.getElementById("box");
var str = xmlhttp.responseText;
o.innerHTML = str;
}else{
alert("服务器出错，异步请求失败！");
}
}
}
最后ajax.php：
<?php
$id = $_GET["id"];
switch($id){
case "span":
echo "这是点击span获取到的内容！";
break;
case "a":
echo "你点到A标签了！";
break;
default:
"搞砸了！";
}
?>
希望能够帮助你! 祝你好运！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你JS不那么熟练的话，直接去看下jquery
用jquery很容易就能实现,自己网上去下个jquery-1.5.1.js文件.
主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PHP100-JQuery</title>
<script language="JavaScript" src="jquery-1.5.1.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
$(document).ready(function(){
$("#ID").change(function(){
var catid=$(this).val();
//alert(catid);
$.post("getDir.php",{id:catid},function(data){
$("div").html(data);
})
})
})
//-->
</script>
</head>
<body>
<select name="ID" size="1" id="ID">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
<div></div>
</body>
</html>
传值页面getDir.php
<?
header("Content-Type:text/html; charset=gb2312");
$id=$_POST[id];
switch ($id){
case 1:
echo "这里是内容1的内容";
break;
case 2:
echo "这里时内容2的内容";
break;
case 2:
echo "这里时内容3的内容";
break;
}
?>
用jquery很容易就能实现,自己网上去下个jquery-1.5.1.js文件.
主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PHP100-JQuery</title>
<script language="JavaScript" src="jquery-1.5.1.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
$(document).ready(function(){
$("#ID").change(function(){
var catid=$(this).val();
//alert(catid);
$.post("getDir.php",{id:catid},function(data){
$("div").html(data);
})
})
})
//-->
</script>
</head>
<body>
<select name="ID" size="1" id="ID">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
<div></div>
</body>
</html>
传值页面getDir.php
<?
header("Content-Type:text/html; charset=gb2312");
$id=$_POST[id];
switch ($id){
case 1:
echo "这里是内容1的内容";
break;
case 2:
echo "这里时内容2的内容";
break;
case 2:
echo "这里时内容3的内容";
break;
}
?>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码已经发给你了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
