用ajax实现在单击事件下加载一个DIV层的脚本- AJAX技术

当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 用ajax实现在单击事件下加载一个DIV层的脚本

AJAX技术: 5款Ajax 文件上传控件; 使用jQuery简化Ajax开发; ajax 异步获取数据实现代码（js创建ajax对象）; AJAX 用户唯一性验证实现代码; ajax+php 谷歌搜索框自动填充功能实例代码; ajax 同步和异步XMLHTTP代码分析; AJAX 动态获取当前时间(php); AJAX 实时读取输入文本(php); AJAX 二级级联菜单实现代码; 利用AJAX实现鼠标悬浮获取值的代码; javascript ajax功能函数; javascript对XMLHttpRequest异步请求的面向对象封装; 一个AJAX类代码; AJAX在GB2312的中文编码传输 AJAX特殊字符编码正确方法; 编码为GB2312网站让AJAX接收的数据显示支持中文; ajax实现的提交文章前进行敏感词审核的代码; js+AJAX异步从优酷专辑中采集所有视频及信息; ajax 缓存问题 requestheader; 十大最佳Ajax教程收集（图文）

No. « ‹ 16 17 18 19 »

技术文章搜索

关键字

AJAX技术中的用ajax实现在单击事件下加载一个DIV层的脚本

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-13 浏览: 45 ::

收藏到网摘: n/a

asp+ajax实现静态页面分页的代码 AJAX javascript的跨域访问执行

我想做一个类似QQ空间评论的功能
不知大家发现了没有 QQ空间只有点击了那个文本框后编辑器才会加载出来
并不是那种先隐藏通过单击后才显示的

点击运行可以看到效果:

<!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>无标题文档</title>
<script type="text/javascript">
//the function can get the content of right page when user click the link in the left side
var xmlHttp;
var searching=false;
var myDivName="";
function getXMLHTTP(){ A = new ActiveXObject("microsoft.xmlhttp"); return A;
}
function executeQuery(divName,url)
{ searching = true; myDivName = divName; if(xmlHttp && xmlHttp.readystate != 0) { xmlHttp.abort(); } xmlHttp=getXMLHTTP(); var tempurl=""; if(xmlHttp && myDivName!=""){ tempurl += url + ".htm" + "?";//加载文挡类型 tempurl += "&" + new Date().getTime(); xmlHttp.open("Get", tempurl , true); xmlHttp.onreadystatechange = getReturnHtml; xmlHttp.send(null); }else{ searching = false; myDivName = ""; window.alert('系统太忙，请稍后再试！'); return false; }
}
function getReturnHtml(){ if(xmlHttp.readyState==1) { document.getElementById(myDivName).innerHTML ="<img src='/upload/tech/20091012/20091012161947_23ce1851341ec1fa9e0c259de10bf87c.gif'/>"; } else if(xmlHttp.readystate == 4 && xmlHttp.responsetext && searching) { //alert (myDivName); document.getElementById(myDivName).innerHTML = xmlHttp.responsetext; //alert(xmlHttp.responseText); searching = false; } else{ document.getElementById(myDivName).innerHTML ="拒绝访问"; }
}
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="Layer1"></div>
<label>
<input type="button" name="Submit" value="在下面加载新闻" onclick="executeQuery('Layer1','http://www.ruanchen.com')" />
</label>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

asp+ajax实现静态页面分页的代码 AJAX javascript的跨域访问执行

AJAX技术 中的 用ajax实现在单击事件下加载一个DIV层的脚本

评论 (0) All

AJAX技术中的用ajax实现在单击事件下加载一个DIV层的脚本