您现在的位置是：网站首页> 编程资料编程资料

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

2023-05-25 367人已围观

简介用ajax实现在单击事件下加载一个DIV层的脚本_AJAX相关_

我想做一个类似QQ空间评论的功能
不知大家发现了没有 QQ空间只有点击了那个文本框后编辑器才会加载出来
并不是那种先隐藏通过单击后才显示的

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

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

您可能感兴趣的文章:

上一篇：asp+ajax实现静态页面分页的代码_AJAX相关_

下一篇：XMLHTTP多浏览器兼容性写法_AJAX相关_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网