用ajax实现在单击事件下加载一个DIV层的脚本
2007-11-22 00:00
435 查看
我想做一个类似QQ空间评论的功能
不知大家发现了没有 QQ空间只有点击了那个文本框后编辑器才会加载出来
并不是那种先隐藏 通过单击后才显示的
无标题文档
//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 ="";
}
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 ="拒绝访问";
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
不知大家发现了没有 QQ空间只有点击了那个文本框后编辑器才会加载出来
并不是那种先隐藏 通过单击后才显示的
无标题文档
//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 ="";
}
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 ="拒绝访问";
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 用ajax实现在单击事件下加载一个DIV层的脚本
- 原生JS实现AJAX、JSONP及DOM加载完成事件
- ajax+jQuery实现一个页面同时加载多个模块!
- MVC中使用Echart后台加载数据 实现饼图、折线图、全国地图数据,单击双击事件等
- 对于多个button要在同一个监听器中实现自己的单击事件的方法小诀窍。
- 用jQuery的ajax加载的内容无法触发单击事件
- wince下 在一个区域内实现既有单击事件又有双击事件
- 通过ajax实现对某个div的整体刷新替换(异步加载)
- alertdilog加载一个gridview页面并实现gridView中每个imagebutton的点击事件
- JavaScript解决一个带验证的Form两个Submit事件(一个页面保持不动【AJAX实现】,一个页面提交并跳转)的场景
- Unity中同一个物体上加载的脚本的执行顺序以及点击Button时触发事件的顺序
- 用JQuery 实现AJAX加载XML并解析的脚本
- MVC中使用Echart后台加载数据 实现饼图、折线图、全国地图数据,单击双击事件等
- Android 一个按钮两次单击触发两个不同事件并实现两个View在同一界面切换
- MVC中使用Echart后台加载数据 实现饼图、折线图、全国地图数据,单击双击事件等
- SPORE,一个很好的实现JS命名空间的管理,模块的定义,与自动加载依赖模块的脚本文件
- ajax+jQuery实现一个页面同时加载多个模块!
- shell脚本中使用自定义命令之三---通过加载一个envsetup.sh实现
- 对于多个按钮要在同一个监听器中实现自己的单击事件的方法小诀窍。
- js事件处理相关-实现一个div的拖拽