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

更新时间：2007年11月22日 11:56:12 作者：

我想做一个类似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='https://www.jb51.net/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>  <div id="Layer1"></div>  <label>  <input type="button" name="Submit" value="在下面加载新闻" onclick="executeQuery('Layer1','https://www.jb51.net')" />  </label>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

通过Ajax方式绑定select选项数据的实例
今天小编就为大家分享一篇通过Ajax方式绑定select选项数据的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
ajax+springmvc实现C与View之间的数据交流方法
下面小编就为大家带来一篇ajax+springmvc实现C与View之间的数据交流方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-03-03
ajax局部刷新一个div下jsp内容的方法
局部刷新某个div下的jsp可以通过setInterval或者是setTimeout来轻松实现，具体如下，有此需求的朋友可以参考下，希望对大家有所帮助
2013-08-08
$AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通$
AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通
AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通...
2007-09-09
ajax实例入门代码
想学习ajax的朋友，如果刚开始接触可以查看脚本之家的ajax栏目，之前的一些文章。
2008-11-11
Ajax返回的json遍历取值并显示到前台的方法
今天小编就为大家分享一篇Ajax返回的json遍历取值并显示到前台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
利用Ajax实现在脚本里传值实例介绍
Ajax实现在脚本里传值可以解决实际上的一些问题，本文实现了一下，感兴趣的朋友可以参考下，希望可以帮助到你
2013-04-04
基于Ajax表单提交及后台处理简单的应用
下面小编就为大家带来一篇基于Ajax表单提交及后台处理简单的应用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
使用Ajax时处理用户session失效问题的解决方法
这篇文章主要为大家详细介绍了使用Ajax时处理用户session失效问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
pushState实现Ajax无刷新页面切换
这篇文章主要介绍了pushState实现Ajax无刷新页面切换的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具