Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > ajax

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

来源:中文源码网    浏览:330 次    日期:2024-04-19 08:19:04
【下载文档:  用ajax实现在单击事件下加载一个DIV层的脚本.txt 】


用ajax实现在单击事件下加载一个DIV层的脚本
我想做一个类似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需刷新才能执行]

相关内容