杭州设计公司,杭州广告设计公司
网页设计
ajax+asp实现点击链接获取asp参数页面内容
信息来源:http://www.51weidi.com     栏目类别: 网页设计     浏览次数:     发表评论 减小字体 增大字体

主要三个文件,最终效果:查看演示&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp;&**bsp; http://www.51weidi.com原创转载请注明!

首先,i**dex.html前台显示页面

<script la**guage="JavaScript"&**bsp; type="text/javascript" charset=gb2312" src="add_**ews.js"></script>
<!-- css -->
<li**k href=http://www.51weidi.com/pro_dropdow**_2/pro_dropdow**_2.css rel="stylesheet" type="text/css"/>
<LINK media=all href=http://www.51weidi.com/css/css.css type="text/css" rel="stylesheet"/>
<LINK media=all href=http://www.51weidi.com/cs.css type="text/css" rel="stylesheet"/>
<a o**click="callServer(1);"&**bsp; href="#">惊叹</a>
<a o**click="callServer(2);"&**bsp; href="#">欠揍</a>
<a o**click="callServer(3);"&**bsp; href="#">支持</a>
<a o**click="callServer(4);"&**bsp; href="#">很棒</a>
<a o**click="callServer(5);"&**bsp; href="#">愤怒</a>
<a o**click="callServer(6);"&**bsp; href="#">搞笑</a>
<a o**click="callServer(7);"&**bsp; href="#">恶心</a>
<a o**click="callServer(8);"&**bsp; href="#">不解</a>
<spa** id="test1"></spa**>
<spa** id="test2"></spa**>
<spa** id="test3"></spa**>
<spa** id="test4"></spa**>
<spa** id="test5"></spa**>
<spa** id="test6"></spa**>
<spa** id="test7"></spa**>
<spa** id="test8"></spa**>

服务器处理页面VCV.asp代码

<%Respo**se.Buffer = True
Respo**se.ExpiresAbsolute = Now() - 1
Respo**se.Expires = 0
Respo**se.CacheCo**trol = "**o-cache"
Respo**se.AddHeader "Pragma", "No-Cache"
%>
<%**ame=request.querystri**g("**ame")%>
<fo**t color=red>已<%=**ame%>使用<b>!!</b></fo**t>

最后add_**ews.js脚本代码:

var xmlHttp = false;
try {
&**bsp; xmlHttp = **ew ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
&**bsp; try {
&**bsp;&**bsp;&**bsp; xmlHttp = **ew ActiveXObject("Microsoft.XMLHTTP");
&**bsp; } catch (e2) {
&**bsp;&**bsp;&**bsp; xmlHttp = false;
&**bsp; }
}
if (!xmlHttp && typeof XMLHttpRequest != 'u**defi**ed') {
&**bsp; xmlHttp = **ew XMLHttpRequest();
}

fu**ctio** callServer(u_**ame) {

&**bsp;var url = "vcv.asp?**ame=" + escape(u_**ame);
&**bsp;xmlHttp.ope**("GET", url, true);
&**bsp;xmlHttp.se**d(**ull);
&**bsp;xmlHttp.o**readystate**ge = fu**ctio**()
&**bsp;{
&**bsp;&**bsp;if (xmlHttp.readyState < 4)
&**bsp;&**bsp;{
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById("test"+u_**ame).i****erHTML="<img src=/comco**/loadi**g.gif>数据加载ING...";
&**bsp;&**bsp;}
&**bsp;&**bsp;if (xmlHttp.readyState == 4)
&**bsp;&**bsp;{
&**bsp;&**bsp;&**bsp;var respo**se = xmlHttp.respo**seText;
&**bsp;&**bsp;&**bsp;docume**t.getEleme**tById("test"+u_**ame).i****erHTML=respo**se;
&**bsp;&**bsp;}
&**bsp;}
}

最终效果:查看演示

下载地址:点击下载


上一篇:高品质的网页设计的实例与技巧          回网页设计列表         下一篇:从美的原则谈网页上的艺术表现
搜索本站其他内容: 百度一下:[ajax+asp实现点击链接获取asp参数页面内容]   Google搜索:[ajax+asp实现点击链接获取asp参数页面内容]
最新网友评论文章↓
1.靠2009-11-19 20:42:45
2.去2009-11-19 20:39:41
3.脑残还是变相炫富?2009-11-16 20:17:58
4.好感动哦2009-11-7 15:40:32
5.怎么学习2009-10-20 10:54:50

文章添加时间:2011-3-11,文件大小:20.51 KB,最近更新时间:2011-12-16 18:16:19 返回TOP↑            

本站文章搜集自网络;共享网络,共享快乐,我为人人,人人为我;如果您知道本站未知来源文章请告知本站谢谢!
文中及留言观点不代表本站;本站转载内容只是为了更好的交流;
若侵犯了您的版权请联系E-mail:有事儿,您Q我!,本站核实后立即处理!

  •             平面设计| 标志设计| 包装设计| 网页设计| 广告设计| VI设计| 画册设计| 专卖店设计| 展位设计| 名片设计| 网站地图|    建议使用IE5及以上1024*768分辨率
  •             友情链接 版权所有 © 杭州威迪广告公司 2008-2010 | TEL:0571-88385993 13296756810 浙ICP备09011107号