Welcome 微信登录

首页 / 脚本样式 / Ajax

JQuery+ajax实现批量上传图片(自写)

JQuery+ajax实现批量上传图片(自写)

在网上搜索了一下,发现以jquery+ajax方式实现单张图片上传的代码是有的,但实现批量上传图片的程序却没搜索到,于是根据搜索到的代码,写了一个可以批量上传的。先看效果图点击增加按钮,会增加一个选择框,如下图:选择要上传的图片,效果图如下:上传成功如下图:下面来看代码:前台html主要代码:复制代码 代码如下:<button id="SubUpload" class="ManagerButton" onClick="TSubmitUploadIma...
jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)

jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)

表格大家都十分熟悉,如今的CSS也使得表格的布局越来越光彩耀人。但是,无论如何,都掩饰不了那些包装下的死板。 那么如何让那些死板的数据 更具有可读性、可用性,能够让我们那些数据在“动”呢? 下面我们使用jquery+ajax 来为表格注入些活力。主要实现的目的就是:将表格的列标题转化为按钮,点击不同的列标题,便按相应的列对数据进行排序。比如学生信息表,我点击“生日”列,这张表便按生日排序将结果呈现在我们面前。使用ajax来调用本页也避免了刷新页面所带来的折...
滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨

滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨

滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷。当然本例子采用的是jquery库,后期会做成原生js。 本例的数据调用的是锋利的jquery一书提供的一段json。 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).heig...
Ajax中浏览器的缓存问题解决方法

Ajax中浏览器的缓存问题解决方法

每次清除缓存后,就会得到一个新的数据,所以归根到底就是浏览器缓存问题。纠结了很久,终于解决了,在这里总结一下。 我们都知道ajax能提高页面载入的速度主要的原因是通过ajax减少了重复数据的载入,也就是说在载入数据的同时将数据缓存到内存中,一旦数据被加载其中,只要我们没有刷新页面,这些数据就会一直被缓存在内存中,当我们提交 的URL与历史的URL一致时,就不需要提交给服务器,也就是不需要从服务器上面去获取数据,虽然这样降低了服务器的负载提高了用户的体验,但...
ajax实现session不过期(避免页面过期的现象)

ajax实现session不过期(避免页面过期的现象)

很多报考时候或填写志愿时候,你是否遇到多斟酌一段时间后填写完页面信息,提交时却显示页面过期的现象,不得不重新快速填写一遍;然而在写博客时要写好长时间但没有出现这种情况并且有实时的自动保存;这就涉及到了session的过期时间问题; 当无法预计用户操作页面的时间时就用到了session永不过期 复制代码 代码如下: <script src="js/Jquery1.7.js" type="text/javascript"></script&g...
ajax动态为a标签href赋值不执行跳转的原因分析及解决

ajax动态为a标签href赋值不执行跳转的原因分析及解决

由于一中考评系统要加入一个新的功能“调查问卷”,我想沿用别人做好的调查问卷,用别人的有一个好处就是:人家做的专业,界面美化等非常人性化,但是它需要你每次设置完调查问卷后发布一下网址,客户端访问的每次都是变动的地址。客户端每次点击“调查问卷”,就会跳转到相应页面: 点击“调查问卷”即进入调查问卷页面: 我使用a 标签,每次访问管理员提交的“调查问卷” 复制代码 代码如下: <li><a href="" onclick="meizz(this...
IE6中ajax aborted错误请求中断解决方法

IE6中ajax aborted错误请求中断解决方法

给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在其他浏览器中都一切正常。 在IE6中使用Fiddler2和httpWatch监视请求,经常会出现”aborted”,折腾了许久,相当的诡异。后来将a标签换成button,请求正常,最后经提醒,可能是a标签的默认事件中断了请求。但是,在HTML代码中,已经将a标签的href设置成了”javascript:void(0)”,通常这样是可以阻止默认事件了(页面跳转)。a标签的c...
你的jquery ajax无效和你的jquery引入路径有关

你的jquery ajax无效和你的jquery引入路径有关

Jquery不必多说,你能阅读到该篇文章,肯定知啊都jquery是js框架。 大家在做项目的时候肯定或多或少都需要用到ajax。 而如果用到jquery的ajax,那么就需要将jquery引入到jsp页面。 当你发现你的jquery ajax无效的时候,不妨使用 fire bug调试一下,这时你会发现,提示"$"无效,为什么会有这种提示呢?原因很简单,就是你引入jquery.js的路径有问题。 所以大家遇到此类问题的时候,首先要做的就是看看自己的jquer...
<< 111 112 113 114 >>