本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码，供大家参考，具体内容如下 1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。 首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 点击获取查看这两个文件 2.页面js代码为var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修改显示条数，修改这里即可 $(function () {InitTa...
最开始准备用.NET只带的AJAX实现，发现达不到想要的效果。后来采取JQuery中AJAX功能，通过异步调用C#写的web服务实现。 load()方法可以说是JQuery中最简单的AJAX方法，它用于获取目标服务器的响应并将结果显示到页面上。load方法就是Jquery对AJAX的包装。还可以使用$.post()和$.get()来实现post或get方式的AJAX调用，对于复杂的情况，还可以使用AJAX（）方法。
代码如下: var index = 0; $(document).ready(function () { $.post("Default5.aspx", { name: index }, function (msg) { $("tr:gt(0)").remove(); var artice = msg; for (var i = 0; i $("table").append("" + artice[i]["ID"] + "" + artice[i]["Writer"] + "" + artice[i]["Title"] + ""); } }, "json"); }); $(document).ready(function () { $("a").click(function () { if ($(this).html() == "下一页") { index = index...
好了，唠嗑就到这里，现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下: 用户名： 密码： 验证码： 这里面包含的功能有：登录的验证，点击更换验证码。这个没有什么好说的。 下面是jquery的部分 代码如下: -----------别忘了引用这个链接，否则jquery不能用 //用jquery实现无刷新的登录验证 function login() { $.ajax({ url: 'Login.ashx', //访问路径 data: 'username=' +...
1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。 首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 2.页面js代码为 代码如下: var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修改显示条数，修改这里即可 $(function () { InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页） //分页，PageCount是总条目数，这是必选参...
1.在静态页面里添加文本框及样式和js脚本的引用：代码如下:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.gxlcms.com/--> 无标题页 2.css样式表，当文本框文字为空时边框红色：代码如下:.txtName{ border:1px red solid; }3.js脚本：当文本框文字为空时边框红色；如果用户名为janes,则提示“用户名已经存在”，否则提示“用户名可以使用”。代码如下: Code highlighting pro...
做项目的时候遇到了这样一个问题,如果用普通的ASP.NET FileUpload控件实现文件上传,那么页面会刷新,那么页面上用JS拼出的元素就会消失,为了上传文件,又不能刷新页面,ajaxfileupload插件是一个很好的选择(插件下载地址:http://files.jb51.net/file_images/article/201306/js/ajaxfileupload.js) ajaxfileupload是jQuery的一个插件,使用这个插件同时要引用jQuery.js文件 直接上代码吧 JS代码 [javascript] 代码如下://执行AJAX上传文...
代码如下:function public_GetParentByTagName(element, tagName) { var parent = element.parentNode; var upperTagName = tagName.toUpperCase(); //如果这个元素还不是想要的tag就继续上溯 while (parent && (parent.tagName.toUpperCase() != upperTagName)) { parent = parent.parentNode ? parent.parentNode : parent.parentElement; } return parent; } //设置节点的父节点Cheched—...
JS分页控件，可用于无刷新分页代码如下:function PagerBar(recordcount, pagesize, pageindex, showpagecount) { var NumberRegex = new RegExp(/^\d+$/); this.PageIndex = 1; //页索引，当前页 if (pageindex != null && NumberRegex.test(pageindex)) this.PageIndex = parseInt(pageindex); this.PageSize = 10; //页面大小 if (pagesize != null && NumberRegex.test(pagesize)) this.PageSize = parseIn...
代码如下:$(function(){ //此demo通过Ajax加载分页元素 var initPagination = function(data) {var feedback = "";$.each(data.list, function(index, d) { var str =""; str+= ""; str+=""; str+="VYyu"; str+="2009-09-26 "; str+=""+d+"...
本例数据库结构很简单，就一个字段就行了 jquery.confirm.js 代码如下: (function($){ $.confirm = function(params){ if($(#confirmOverlay).length){ // A confirm is already shown on the page: return false; } var buttonHTML = ; $.each(params.buttons,function(name,obj){ // Generating the markup for the buttons: buttonHTML += +name+; if(!obj.action){ obj.action = function(){}; } }); var markup = [ , , ,pa...
js文件可以查看源码 XML/HTML Code 代码如下: JavaScript Code 代码如下: $('document').ready(function(){ $('#form').validate({ rules:{ "name":{ required:true, maxlength:40 }, "email":{ required:true, email:true, maxlength:100 }, "message":{ required:true }}, messages:{ "name":{ required:"This field is required" }, "email":{ required:"This field is required", email:"Please enter a valid email a...
pushState是一个可以操作history的api，该api的介绍和使用请见这里：http://www.welefen.com/use-ajax-and-pushstate.html 目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。 pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方...
今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看代码如下:var ee;function mailbox(strEmail){var name=document.blooger[0].email.value;$.ajax({ type: "get", url: "mail.php", data: "youx="+name,success: function(datax) { var xx = document.getElementsByName("email")[0].value;if (xx == ""){document.getElem...
代码如下: window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name = 'iframeName'; iframe.style.display = 'none'; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = 'post';...