用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提交到servelt获取参数有乱码的解决方法
这篇文章主要介绍了ajax提交到servelt获取参数有乱码的解决方法,需要的朋友可以参考下
2014-02-02
ajax和jsonp跨域的原理本质详解
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-11-11
ajax 数据库中随机读取5条数据动态在页面中刷新
以下是我在此编写一个程序时的时刻所遇到的问题。因为一开始经理给我分配了要我写一个在页面上动态的显示5条数据。
2009-06-06
ajax异步回调函数中给外部变量赋值的问题探讨
ajax异步回调函数中给外部变量赋值的问题在本文将为大家详细探讨下，感兴趣的朋友可以参考下
2013-09-09
登录超时给出提示跳到登录页面（ajax、导入、导出）
这篇文章主要介绍了登录超时给出提示跳到登录页面（ajax、导入、导出）的相关资料,需要的朋友可以参考下
2016-02-02
Ajax 汇总以及初步评价
Ajax 汇总以及初步评价...
2006-08-08
Ajax 配合node js multer 实现文件上传功能
这篇文章主要介绍了Ajax 配合node js multer 实现文件上传功能,需要的朋友可以参考下
2017-08-08
ajax实现省市三级联动效果
这篇文章主要为大家详细介绍了ajax实现省市三级联动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
ajax 检测用户名是否被占用
有时候在注册窗口，为了用户体验我们会用ajax无刷新检测用户名是否已被注册
2006-06-06
JQuery ajax 返回json时出现中文乱码该如何解决
最近有朋友反映使用jquery.ajax调用返回json时出现中文乱码，遇到此问题，非常棘手，下面小编帮大家解决JQuery ajax 返回json时出现中文乱码问题，感兴趣的朋友跟着一起了解了解吧
2015-09-09