| Blog信息 |
|
blog名称:
日志总数:1304
评论数量:2242
留言数量:5
访问次数:7588278
建立时间:2006年5月29日 |
| |
|
 [Prototype(Ajax)]最简单的AJAX应用——实现页面无刷新
软件技术
lhwork 发表于 2006/8/31 10:35:17 |
| //将链接改为：<a href="#" onClick="getNews(1)">新闻1</a>//并且设置一个接收新闻的层，并且设置为不显示：<div id="show_news"></div>构造相应JS内容：/*** 初始化一个xmlhttp对象*/function InitAjax(){ var ajax=false; try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { ajax = false; } } if (!ajax && typeof XMLHttpRequest!='undefined') { ajax = new XMLHttpRequest(); } return ajax;}function getNews(newsID){ //如果没有把参数newsID传进来 if (typeof(newsID) == 'undefined') { return false; } //需要进行Ajax的URL地址，假设这里用到show.php页面 var url = "/show.php?id="+ newsID; //获取新闻显示层的位置 var show = document.getElementById("show_news"); //实例化Ajax对象 var ajax = InitAjax(); //使用Get方式进行请求 ajax.open("GET", url, true); //获取执行状态 ajax.onreadystatechange = function() { //如果执行是状态正常，那么就把返回的内容赋值给上面指定的层 if (ajax.readyState == 4 && ajax.status == 200) { show.innerHTML = ajax.responseText; } } //发送空 ajax.send(null); } 之后你就可以尝试下看看咯～^_^ |
|
|