先简单的侃两句：貌似已经有两个月的时间没有写过文章了，不过仍会像以前那样每天至少有一至两个小时是泡在园子里看各位大神的文章。前些天在研究“ajax无刷新上传”方面的一些插件，用SWFUpload实现了无刷新上传的功能，不过个人觉得不是很完美。 昨天在网上找到了一个叫做uploadify的jquery上传插件，看到园子里有几篇文章也是介绍这个插件的，心想何不用这个试试。 不过园子里的这几篇文章用到的uploadify还是以前的旧版本uplo...
HTML： <!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> <title>使用JQuery调用XML实现无刷新即时聊天</title> <script src="Jscript/jquery-1.8.2.min.js" type="text/javascript"></script> <style type="text/css" > body{font-size:13px} h3{ padding:0px; margin:8px 0px} .iframe{ width:...
昨天在网上找到了一个叫做uploadify的jquery上传插件，看到有几篇文章也是介绍这个插件的，心想何不用这个试试。 不过网上的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0，我在官网上下载的是uploadify-v3.1版，其中的一些参数以及调用方法也不同了，还好官网有帮助文档。 （唯一感觉不爽的一点就是这个开发包是针对php的，官网并没有.NET版本，但至少原理都是一样的，简单的修改一下就可以了。还是那句话“不仅要知...
这篇文章我们主要看看简单的使用jQuery pagination这个插件来实现无刷新分页，使用jQuery pagination主要作用在于分页样式的显示，而无刷新的主要原理还是使用Ajax，具体看下文： 首先，我们引入jQuery文件、jQuery pagination文件和jQuery Templates文件。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script src="http://www.jquery001.com/js/jquery.t...
1. 思路: 页面上的验证码图片是servlet,采用jquery实现异步校验信息 2. 所用到的文件 VerifyCodeServlet.java --用于生成图片的servlet ResultServlet.java --用于校验验证码正确性的servlet verifyCode.js --校验的js文件 jquery.js --jquery包里的源文件 verifyCode.jsp --页面 3. 代码 VerifyCodeServlet.java Java代码 import java.awt.Color; import j...
jquery实现ajax无刷新评论需要用的技术：（本次试验用的是“jquery-1.4.2.js”版本的jquery） $.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````}); jquery中的基本选择器操作；首先创建数据库“T_article”： 主键设置自增；然后创建一个强类型的DataSet。 接着创建一个“无刷新评论.aspx”页面： 页面代码如下：<div><h2>文章：</h2><p>this a text!this a text!this a text!this a text!this a t...
本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码，供大家参考，具体内容如下 1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。 首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 点击获取查看这两个文件 2.页面js代码为 <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修改显示条数，修...
本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考，具体如下： 效果图如下：html结构： <table id="cs_table" class="datatable"></table>css样式： html,body{margin: 0;padding:0} a:focus {outline: none;} /* 通用表格显示 */ table, th, td {font: 12px Arial,Helvetica,sans-serif,宋体;margin: 0;padding: 0} table{border-spacing: 0;border-collapse: collapse;} .datatable {width: 100%;border-sty...
本文实例讲解了基于jquery实现表格无刷新分页功能，分享给大家供大家参考，具体内容如下 效果图：具体代码： <html> <head><title>面向对象的无刷新表格分页</title><meta http-equiv="content-type" content="text/html;charset=utf-8"/><link rel="stylesheet" href="css/king-table.css"/><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/king-table.js"></scri...
使用jQuery实现Ajax操作 想要实现Ajax页面无刷新效果，但是直接利用Ajax代码实在有些麻烦，所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPRequest。所以用起来非常方便。 首先，创建服务器端代码，这里用Servlet实现服务器端的数据处理；代码如下：protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {// 设置编码格式resp.setContent...
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!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><title>$.ajax()方法发送请求</title><script type="text/javascript" src="js/jquery-1.4.1.js"></script><style type=...
本文实例讲述了jQuery无刷新分页实现方法。分享给大家供大家参考，具体如下： 这款jQuery分页示例，是分页经典形式，兼容性也做的好，网页上的分页代码，分享给大家。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-wsx-page-style-demo/ 具体代码如下： <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery分页演示效果</title> <script ...
主题皮肤切换功能在很多网站和系统中应用，用户可以根据此功能设置自己喜欢的主题颜色风格，增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。实现该功能的原理就是通过点击定义的主题样式，改变页面当前引用的主题CSS文件，并且将当前的主题样式写入cookie中或者写入数据库中，以便下次该用户重新访问页面时，调用的就是上次设置好的主题样式。 准备主题皮肤样式 首先，我准备了三个样式表CSS文件，分别...
1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代码/*** This jQuery plugin displays pagination links inside the selected elements.** @author Gabriel Birke (birke *at* d-scribe *dot* de)* @version .* @param {int} maxentries Number of entries to paginate* @param {Object} opts Several options (see READM...
本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码。分享给大家供大家参考。具体如下： 这里实现圆角表单，圆角输入框，无刷新验证，漂亮唯美，是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括，用HTML5可以实现很多超乎寻常的效果，从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5，正悲哀着呢。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-htm...