当前位置：Gxlcms > AJAX > 用ajax实现在单击事件下加载一个DIV层的脚本

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

时间：2021-07-01 10:21:17 帮助过：44人阅读

我想做一个类似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='//www.gxlcms.com/logo.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> <label> <input type="button" name="Submit" value="在下面加载新闻" onclick="executeQuery('Layer1','//www.gxlcms.com')" /> </label> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

人气教程排行