- 浏览: 1106914 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (401)
- tomcat (7)
- win7 (13)
- stackOverflow (6)
- 1 (0)
- css (5)
- develop IDE (9)
- hibernate (16)
- struts2标签 (10)
- struts2 (25)
- 框架 (1)
- SQLserver2005 (20)
- 词汇解释 (1)
- views (1)
- eclipse (6)
- 效率提高 (12)
- 代码模块 (1)
- 源代码 (3)
- jsonplugin (5)
- ajax (2)
- json (3)
- ssis (14)
- 电脑故障 (10)
- oracle (12)
- poi;excel (5)
- sql (3)
- 正则表达式 (3)
- develop IDEk (8)
- myeclipse (14)
- win2003 (5)
- 正则表达式;js (2)
- js (27)
- 待解决 (2)
- ognl (1)
- com组件 (1)
- 游戏 (6)
- 线程 (0)
- 硬盘 (4)
- 格式化 (2)
- java (7)
- html (9)
- firebug (1)
- jquery (4)
- 文件上传下载 (1)
- vss (2)
- 触发器 (1)
- spring事务管理 (2)
- 模态对话框 (1)
- SQLserver2000 (1)
- web性能优化 (2)
- web安全 (1)
- jetty (1)
- 路由器 (1)
- ie6 (1)
- 缓存 (1)
- jsp (1)
- struts2源代码 (1)
- 方法 (1)
- uml (1)
- ie (3)
- Java日志框架 (1)
- myeclipse,oracle (1)
- freemarker (4)
- 注解 (4)
- svn (2)
- hadoop (15)
- lucene (1)
- word (1)
- spring (5)
- job (1)
- extjs (4)
- paxos (1)
- zookeeper (1)
- 分布式 (1)
- 手机故障 (2)
- maven (2)
- linux (9)
- 虚拟机 (1)
- ext (3)
- javascript (1)
- 数据库 (5)
- 多线程 (12)
- junit (2)
- utils (1)
- mybatis (4)
- Joda-Time (1)
- tftp (1)
- scala (12)
- Graphic2D (1)
- jsf (5)
- 《java并发编程实战》笔记 (16)
- storm (3)
- 设计模式 (3)
- 泛型 (2)
- 数学 (1)
- primeface (1)
- poi (5)
- 线性代数 (1)
- 动态代理 (3)
- mysql (2)
- DB2 (2)
- testNG (1)
- 虚拟机、编译器、增量发布 (1)
最新评论
-
zhouchaofei2010:
Saro 写道在log4j配置里把mapper所在包设为deb ...
mybatis出现sql异常时的日志优化-打印sql参数 -
Saro:
在log4j配置里把mapper所在包设为debug就行了,参 ...
mybatis出现sql异常时的日志优化-打印sql参数 -
pyl574069214:
...
poi Excel 水平居中 垂直居中 -
zhouchaofei2010:
杀手请杀人 写道能看到scala太难得了 谢谢
scala 下划线解析报错: missing parameter type for expanded function -
杀手请杀人:
能看到scala太难得了
scala 下划线解析报错: missing parameter type for expanded function
一个onclick事件,当发送一个ajax请求时,如果该请求没有返回,则不进行 下一次的请求。该问题的处理非常类似多线程中对资源共享共享的处理。下面代码中 isSended 标志类似多线程中的锁
代码取自jxwpgsh 中站内搜索中查询单位的结果列表页面
var isSended=false;//类似多线程中的锁 function getProject(obj,company){ var name = encodeURI(encodeURI(company)); var dataTable=$(obj).next().next(); $(dataTable).empty(); if($(dataTable).css("display")!="block"){ var loadingstr = "<tr class=\"loading\"><td>Loading...</td></tr>"; $(dataTable).append(loadingstr); $(dataTable).css("display","block"); if(isSended==false){ getProjectAjax(name,dataTable); } }else{ $(dataTable).css("display","none"); $(dataTable).fadeOut(2000); } } function getProjectAjax(name,dataTable){ isSended=true; var now=new Date().getTime();//加个时间戳表示每次是新的请求 $.ajax({ type: "POST", url: "companyProject.action?companyName="+name+"&now="+now+"", async: true, dataType: "json", success: function(data){ //alert($(data.listCompanyProject).length); //alert($(data.listCompanyProject)[0].projectName); $(dataTable).append("<tr class=\"cen\"><th>项目名称</th><th>项目年度</th><th>项目类型</th><th>申报资金</th><th>核定资金</th><th>拨付资金</th> <th>来源</th></tr>"); for(i=0;i<$(data.listCompanyProject).length;i++){ var trs = "<tr style=\"cursor:pointer;\" onclick=\"subButton('listform','"+$(data.listCompanyProject)[i].url+"')\">"; trs+="<td align='left'>"+$(data.listCompanyProject)[i].projectName+" "+"</td>"; trs+="<td>"+($(data.listCompanyProject)[i].projectYear==null?"":$(data.listCompanyProject)[i].projectYear)+" "+"</td>"; trs+="<td>"+($(data.listCompanyProject)[i].projectType==null?"":$(data.listCompanyProject)[i].projectType)+" "+"</td>"; trs+="<td>"+($(data.listCompanyProject)[i].projectFund==null?"":$(data.listCompanyProject)[i].projectFund)+" "+"</td>"; trs+="<td>"+($(data.listCompanyProject)[i].vouchFund==null?"":$(data.listCompanyProject)[i].vouchFund)+" "+"</td>"; trs+="<td>"+($(data.listCompanyProject)[i].appFund==null?"":$(data.listCompanyProject)[i].appFund)+" "+"</td>"; trs+="<td width='8%'>"+$(data.listCompanyProject)[i].fundSource+" "+"</td>"; trs+="</tr>"; $(dataTable).append(trs); } $(dataTable).find(".loading").remove(); isSended=false; }, error: function(XMLHttpRequest, textStatus, errorThrown) { isSended=false; alert("请求失败!"); } }); }
发表评论
-
Ext3.3 在ie6上的诡异问题1:点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边
2014-11-06 10:59 1166Ext3.3 在ie6上的诡异问 ... -
Ext3.3 在ie6上的诡异问题1:点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边
2014-11-06 10:53 0Ext3.3 在ie6上的诡异问题1:点击查询,或者随 ... -
Ext3.3 在ie6 中gird 中bbar中定义的按钮诡异消失
2014-11-05 20:22 1191今天调试了一个很奇怪的Ext3.3 在ie6 上问题.问题是 ... -
js的prototype
2013-08-29 15:17 665代码演绎于:http://www.cnblogs.c ... -
js
2013-08-27 13:38 573js对象基础,对象的创建、属性、方法 的声明 以及可见 ... -
js 正则表达式 定位符
2013-06-24 17:36 2305百度“js 正则表达式 ... -
(转)js replace() 文本替换
2013-06-24 13:51 945目前在看《Secrets of the JavaScrip ... -
Parameters 与 arguments的区别(javascript解释)
2013-04-21 13:27 1889// declare a variable as a ... -
Javascript数组sort方法的分析(转)
2013-04-21 08:07 870特点:类似java的Comparator java: A ... -
数据操作后,页面alert提示例子3-后台js打印提示信息并重定向
2013-01-24 17:20 3017基类baseAction中java代码: /** ... -
数据操作后,页面alert提示例子2-ajax实现
2013-01-24 17:16 9811.页面 js文件:tipMessage.js ... -
弹出页面选择公用js方法,模态对话框与父窗口传递参数
2012-12-18 11:13 3512代码参考与jxwpgsh中的单位查找与定位功能 打开窗 ... -
使用JS屏蔽回车键(enter)提交表单
2012-07-26 13:09 1968<html> <head> ... -
长度的理解
2012-07-25 18:40 985字符长度: id为comContext的textAre ... -
textarea长度限制
2012-07-25 16:29 3659onpropertychange可以用来判断预定元素的val ... -
网页js代码过滤测试
2012-07-24 15:40 882<script>alert ('Test4')&l ... -
js判断页面是否加载完毕
2012-07-22 11:33 2246用 document.readyState == " ... -
jquery ajax同步获得json数据写法模板
2012-07-06 17:36 2495var now=new Date().getTime();// ... -
滚动条拉动很缓慢,卡
2012-05-31 17:47 19311、可能显卡驱动有问题。 -- 360硬件大师测试驱动 ... -
Javascript中的单线程以及定时机制
2012-05-23 11:32 877参考:http://www.benben.cc/blog/?p ...
相关推荐
3. **异步处理**:理解异步请求的特性,防止在请求未完成时触发多次请求,导致数据混乱。 4. **前后端分离**:在实际项目中,数据通常由后端动态生成,而非静态XML文件。了解如何与后端API配合是重要的。 通过这个...
HTML5异步上拉加载(Pull-to-Load)是一种常见的网页滚动加载更多内容的技术,它在用户滚动到页面底部时自动触发,通过JQuery AJAX实现数据的动态获取和页面更新。这种技术通常用于社交媒体、新闻网站或者有大量列表...
其特点是拥有优异的性能,灵活的配置选项,支持多种功能的组合,包括但不限于延迟加载技术、跨浏览器兼容性、对JSON数据的支持、静态和Ajax异步加载节点数据的能力以及支持自定义皮肤和图标。此外,它还提供灵活的...
在实际应用中,你可能还需要处理更多的细节,例如验证用户输入、防止重复添加、处理服务器返回的错误状态等。同时,为了提高用户体验,可以添加加载指示器和动画效果,使得用户明确感知到操作的进度。 以上就是使用...
还可以设置 `loader` 函数来自定义加载逻辑,如缓存已加载过的节点,防止重复请求。 8. **状态管理**:在异步树中,可以使用 `expandIcon` 和 `leafIcon` 来区分节点的展开状态和叶子节点,同时 `loaded` 属性可以...
在我们的场景中,当用户在省份下拉框中选择一个省份时,我们可以通过AJAX异步请求服务器,获取对应省份的城市列表,然后动态填充城市下拉框;同理,当用户选择城市后,再获取区县列表。 **三、实现步骤** 1. **HTML...
【知识点详解】 ...综上所述,利用Linq进行数据查询,jQuery处理前端事件和DOM操作,Ajax实现异步通信,配合JSON进行数据传输,可以有效地实现一个高性能的异步分页功能,同时减轻服务器带宽压力,提升用户体验。
4. **AJAX请求**:在触发函数中,使用jQuery的`.ajax()`方法向服务器发送请求,获取更多数据。参数包括URL、请求类型(GET或POST)、数据(如果需要的话)以及回调函数。 5. **服务器端处理**:在ASP.NET的后端,...
GET用于获取数据,而POST用于提交数据。服务器返回的数据可以是XML、JSON、HTML等格式,通过XMLHttpRequest的responseText或responseXML属性获取。 3. **事件监听**:XMLHttpRequest对象上有多个事件,如...
它通过 JavaScript 发送异步请求到服务器,获取数据后在客户端进行处理,无需刷新页面,提供了无缝的数据交互体验。 ### 二、jQuery 与 Ajax jQuery 对原生 JavaScript 的 Ajax API 进行了封装,使得使用更加简洁...
在实际项目中,还需要考虑其他因素,如防止重复提交、用户未登录时的处理、以及兼容不同浏览器的AJAX实现。此外,为了提供更好的用户体验,可以使用加载指示器显示请求正在处理,以及使用适当的缓存策略来减少不必要...
通过禁用所有相关按钮防止重复操作,并使用`setTimeout()`函数引入延时,确保图片按顺序上传。 - **异步上传函数**:`TajaxFileUpload()`函数负责实际的Ajax请求发送,通过循环判断条件`if(Tnum)`,逐个处理上传...
jQuery封装了Ajax功能,我们可以通过`.ajax()`或`.load()`等方法进行异步请求。例如,使用`.ajax()`实现分页请求: ```javascript $.ajax({ url: 'server_page.php', type: 'POST', data: {page: currentPage}...
Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用来创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,使得网页能够实现局部刷新。也就是说,它可以动态加载数据并更新网页的部分...
- 存储图片:将接收到的二进制数据保存到服务器的某个目录,通常会包含一些安全和性能考虑,比如重命名文件、防止重复文件名、设置权限等。 - 返回响应:可以返回图片的存储路径、ID或其他相关信息,前端可以根据...
在前端开发过程中,jQuery 的 AJAX 功能经常被用于与后端服务器进行异步通信,获取并更新页面数据。然而,有时候我们可能会遇到一种情况:AJAX 请求成功地从后端获取了数据,但在尝试将这些数据渲染到页面时却遭遇...
这个方法可以发送异步请求到服务器,获取响应,并根据需要处理返回的数据。 要模拟关闭div窗口的效果,我们需要监听用户对窗口关闭按钮的点击事件。在jQuery中,我们可以使用`$('selector').click()`来绑定点击事件...
6. **缓存机制**: XMLHttpRequest支持利用HTTP协议的缓存机制,对于重复请求,浏览器可能直接从缓存中获取数据,避免了不必要的网络通信。 7. **跨域问题**: 默认情况下,由于同源策略的限制,Ajax只能向同一源发送...
Ajax的核心在于异步,`type:"get"`指定了请求类型为GET,这是从服务器获取数据的常见方式。`dataType:"json"`表明期望服务器返回的数据格式为JSON,JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于...
通过Ajax,我们可以在页面上异步请求服务器的数据,并在获取数据后动态更新页面内容。而图片的Ajax加载,通常指的是在用户浏览网页时,仅加载当前显示区域的图片,而不加载整个页面的所有图片资源,从而提高页面加载...