用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需刷新才能执行]

赞 (0)

相关推荐

  • 基于Ajax+div的“左边菜单、右边内容”页面效果实现

    基于Ajax+div的“左边菜单、右边内容”页面效果实现

    效果演示: ①默认页面(index.jsp): ②:点击左侧 用户管理 标签下的 用户列表 选项后,右边默认页面内容更新为用户列表页(userList.jsp)的内容 : ③:同理,点击 产品管理.订单管理 标签下的 产品列表.订单列表 时,右侧内容会相应的刷新为产品列表页(productList.jsp).订单列表页(recordList.jsp)的内容 这样就使用Ajax+div实现了左边菜单选择,右边内容显示的效果,下面就来看看具体的实现过程吧 一: 整个演示用的示例程序包含默认页面(in

  • ajax实现点击不同的链接让返回的内容显示在特定div里

    /* 以下代码通过ajax实现在一个web页面点击不同的链接,然后将返回的结果显示在该页面固定的div里. */ <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script language="javascript"> var http_request = false; function create

  • jquery ajax双击div可直接修改div中的内容

    jquery ajax双击div可直接修改div中的内容

    最近在做后台功能开发的时候,用到对排序字段的修改,感觉只为了修改一个排序值,而要重新进入编辑页比较麻烦,于是网上找点资料自己动手写了一个jquery双击实现直接修改排序值的效果: html代码: <div title="[双击可直接修改]" class="changeSort" id="{$id}">{$sort}</div> JS代码: <script type="text/javascript"

  • ajax局部刷新一个div下jsp内容的方法

    用AJAX刷新一个DIV中的jsp内容 复制代码 代码如下: <script type="text/javascript"> var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open("POST,"ss.jsp",true); xmlhttp.setRequestHeader("Content-type","ap

  • div弹出层的ajax登录(Jquery版+c#)

    div弹出层的ajax登录(Jquery版+c#)

    页面初始化,界面如图所示: Server name文本框获取焦点时候,界面如图所示(这里可以改成你登录的验证码): 可以加载SQL Server服务列表,也是我的简易SQL查询分析器评论中静夜妙思给予的方法,非常感谢! 加载列表如下图所示: 可以随意地点击添加到Server name中,登录时截图所示: 文本框验证都写好了!还有Authentication验证方式,windows验证下面Login,Password文本框禁掉!由于时间原因,不上图了 demo.html(全部前台代码,js/css

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

    用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

  • ajax请求+vue.js渲染+页面加载的示例

    1.导入js <script type="text/javascript" src="<c:url value="/resources/lib/jquery/jquery-1.11.0.min.js" />"></script> <!--标准mui.css--> <link href="<c:url value=" rel="external nofollo

  • DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）

    DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 主要功能 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation 各式各样的扩展: Editor, TableTools, FixedColumns -- 丰富多样的option和强大的API 支持国际化 超过2900+个单元测试 免

  • 浅谈jQuery双事件多重加载的问题

    如下所示: <html> <a href="1**.html"> <button onclick="buttonEvent()">点击事件</button> </a> </html> function buttonEvent(){ location.href = "2**.html"; } 如代码显示那样,当点击button按钮的时候想跳转到2**.html页面.但是,这个最

  • 用jQuery的AJax实现异步访问、异步加载

    用jQuery的AJax实现异步访问、异步加载

    本篇文章实现了用jQuery的AJax实现异步访问和异步加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. [异步访问] 用一个例子用以说明:点击按钮,将input内用户输入的数据发送给服务端,并将结果返回给页面. 首先是html承载内容: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>AJax异步访问<

  • 利用CSS、JavaScript及Ajax实现高效的图片预加载

    方法一:用CSS和JavaScript实现预加载 实现预加载图片有很多方法,包括使用CSS.JavaScript及两者的各种组合.这些技术可根据不同设计场景设计出相应的解决方案,十分高效. 单纯使用CSS,可容易.高效地预加载图片,代码如下: 复制代码 代码如下: #preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } #preload-02 { background:

  • 解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题

    背景 在公司用多卡训练模型,得到权值文件后保存,然后回到实验室,没有多卡的环境,用单卡训练,加载模型时出错,因为单卡机器上,没有使用DataParallel来加载模型,所以会出现加载错误. 原因 DataParallel包装的模型在保存时,权值参数前面会带有module字符,然而自己在单卡环境下,没有用DataParallel包装的模型权值参数不带module.本质上保存的权值文件是一个有序字典. 解决方法 1.在单卡环境下,用DataParallel包装模型. 2.自己重写Load函数,灵活.

  • 使用Keras加载含有自定义层或函数的模型操作

    当我们导入的模型含有自定义层或者自定义函数时,需要使用custom_objects来指定目标层或目标函数. 例如: 我的一个模型含有自定义层"SincConv1D",需要使用下面的代码导入: from keras.models import load_model model = load_model('model.h5', custom_objects={'SincConv1D': SincConv1D}) 如果不加custom_objects指定目标层Layer,则会出现以下报错:

  • springboot加载一个properties文件转换为map方式

    目录 加载一个properties文件转换为map 1.创建一个properties文件 2.在java中将该properties文件转换为map properties配置文件出现乱码 加载一个properties文件转换为map springboot中比较常见的获取properties中的值,就是直接在字段上面添加@Value的属性. 但有时候我们不确定key有多少,但是会有一定的规律(这个规律是根据业务来定的,如下),这时候我们就可以考虑将properties中的信息转换为一个map,然后根

  • Ajax实现静态刷新页面过程带加载旋转图片

    Ajax实现静态刷新页面过程带加载旋转图片

    复制代码 代码如下: <!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 id="Head1" runat=

随机推荐