急求AJAX编程代码
希望能够实现点击左边的超链接，不用刷新整个页面在指定区域内更新信息内容我用的是jsp和servlet，.net的我不会，能整个jsp上的ajax吗？...
希望能够实现点击左边的超链接，不用刷新整个页面在指定区域内更新信息内容
我用的是jsp和servlet，.net的我不会，能整个jsp上的ajax吗？ 展开
我用的是jsp和servlet，.net的我不会，能整个jsp上的ajax吗？ 展开
展开全部
var XMLHttpReq;
function click1(adress){
var a;
if(adress=="白鹭花园")
{a=1;}
else if (adress=="金陵名人居")
{a = 2;}
else if (adress=="苹果园")
{a = 3;}
var url="showroom?adress="+ a;
if(window.XMLHttpRequest){
XMLHttpReq=new XMLHttpRequest();
}else if(window.ActiveXObject){
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}
if(XMLHttpReq){
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange=processResponse;
XMLHttpReq.send(null);
}
}
function processResponse(){
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200){
var xmlDoc=XMLHttpReq.responseXML.documentElement;
var node=xmlDoc.getElementsByTagName('info');
document.getElementById('show').innerHTML=node[0].firstChild.nodeValue;
}else{
alert("Not able to retrieve description " + XMLHttpReq.statusText);
}
}else
{
document.getElementById('show').innerHTML="信息加载中请稍后。。。";
}
}
这是我写的代码，还有SERVLET就写接收返回一个xml文档就可以了不难
function click1(adress){
var a;
if(adress=="白鹭花园")
{a=1;}
else if (adress=="金陵名人居")
{a = 2;}
else if (adress=="苹果园")
{a = 3;}
var url="showroom?adress="+ a;
if(window.XMLHttpRequest){
XMLHttpReq=new XMLHttpRequest();
}else if(window.ActiveXObject){
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}
if(XMLHttpReq){
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange=processResponse;
XMLHttpReq.send(null);
}
}
function processResponse(){
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200){
var xmlDoc=XMLHttpReq.responseXML.documentElement;
var node=xmlDoc.getElementsByTagName('info');
document.getElementById('show').innerHTML=node[0].firstChild.nodeValue;
}else{
alert("Not able to retrieve description " + XMLHttpReq.statusText);
}
}else
{
document.getElementById('show').innerHTML="信息加载中请稍后。。。";
}
}
这是我写的代码，还有SERVLET就写接收返回一个xml文档就可以了不难
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<table width="1000" border="0">
<tr>
<td style="width:200px; vertical-align:top; background-color:#ccc">
<ul>
<li><a href="javascript:void(0)" onclick="go('http://i3.sinaimg.cn/IT/cr/2012/0329/4261728709.jpg')">图一</a></li>
<li><a href="javascript:void(0)" onclick="go('http://i1.sinaimg.cn/IT/cr/2012/0329/353333525.jpg')">图二</a></li>
<li><a href="javascript:void(0)" onclick="go('http://i2.sinaimg.cn/IT/cr/2012/0329/1879182539.jpg')">图三</a></li>
</ul>
</td>
<td style="width:800px; vertical-align:top;">
<img id="rightarea" src="" />
</td></tr>
</table>
<script language="javascript" type="text/javascript" >
function go(url){
document.getElementById("rightarea").src = url;
}
</script>
<tr>
<td style="width:200px; vertical-align:top; background-color:#ccc">
<ul>
<li><a href="javascript:void(0)" onclick="go('http://i3.sinaimg.cn/IT/cr/2012/0329/4261728709.jpg')">图一</a></li>
<li><a href="javascript:void(0)" onclick="go('http://i1.sinaimg.cn/IT/cr/2012/0329/353333525.jpg')">图二</a></li>
<li><a href="javascript:void(0)" onclick="go('http://i2.sinaimg.cn/IT/cr/2012/0329/1879182539.jpg')">图三</a></li>
</ul>
</td>
<td style="width:800px; vertical-align:top;">
<img id="rightarea" src="" />
</td></tr>
</table>
<script language="javascript" type="text/javascript" >
function go(url){
document.getElementById("rightarea").src = url;
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道不说的是不是这样，不行再问
<head>
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".cccc").click(function(){
var t = $(this).attr("tvalue");//如果不需要传值就不用tvalue了
$.post("xxxxxxxx.do",{'tvalue':t},function(data){//发送post请求，返回值是data
$("#fanhuizhi").html(data);//把返回的东西放到div里
});
})
});
</script>
</head>
<body>
<a tvalue="lianjie1" class="cccc" href="#">链接一</a><br />
<a tvalue="lianjie2" class="cccc" href="#">链接二</a><br />
<a tvalue="lianjie3" class="cccc" href="#">链接三</a><br />
<a tvalue="lianjie4" class="cccc" href="#">链接四</a><br />
<div id="fanhuizhi">asfasdfadfadfasdssf</div>
</body>
<head>
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".cccc").click(function(){
var t = $(this).attr("tvalue");//如果不需要传值就不用tvalue了
$.post("xxxxxxxx.do",{'tvalue':t},function(data){//发送post请求，返回值是data
$("#fanhuizhi").html(data);//把返回的东西放到div里
});
})
});
</script>
</head>
<body>
<a tvalue="lianjie1" class="cccc" href="#">链接一</a><br />
<a tvalue="lianjie2" class="cccc" href="#">链接二</a><br />
<a tvalue="lianjie3" class="cccc" href="#">链接三</a><br />
<a tvalue="lianjie4" class="cccc" href="#">链接四</a><br />
<div id="fanhuizhi">asfasdfadfadfasdssf</div>
</body>
更多追问追答
追问
js文件内容是什么？你这个好像是.net的吧？美元符号又是什么？我用的是J2ee不知道有木有这平台的方法？
追答
这根.net一毛钱关系都没有，
"xxxxxxxx.do"是java中struts框架里提交请求的标准模式啊，
js文件是jquery，jquery是封装了js的东东，总之很强大
美元符号是jquery里的关键字，是jquery的标志
你问的问题不就是AJAX吗？我回答的不就是AJAX吗？
jqueryAJAX
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery+ajax实现：
首先引用jquery的js文件到你的页面，如下：
<script src = "jquery1.14.js">
<script>
$(function(){
$("a").click(function(){
$.post("服务器地址",null,process);
});
});
fuction process(data){
//js跳转页面语句，好像是window.local.href="www.baidu.com";
}
</script>
首先引用jquery的js文件到你的页面，如下：
<script src = "jquery1.14.js">
<script>
$(function(){
$("a").click(function(){
$.post("服务器地址",null,process);
});
});
fuction process(data){
//js跳转页面语句，好像是window.local.href="www.baidu.com";
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
