本文实例讲述了基于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...
发请求有两种方式，一种是用ajax，另一种是用form提交，默认的form提交如果不做处理的话，会使页面重定向。以一个简单的demo做说明： html如下所示，请求的路径action为"upload"，其它的不做任何处理： <form method="POST" action="upload" enctype="multipart/form-data">名字 <input type="text" name="user"></input>头像 <input type="file" name="file"></input><input type="submit" id="_submit" value="提交"></input...
本文实例讲述了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文件，分别...
本文实例讲述了JS实现仿腾讯微博无刷新删除微博效果代码。分享给大家供大家参考。具体如下： 这里演示JS仿腾讯微博无刷新删除效果，将显示在微博列表里的内容删除，运用AJAX技术，无刷新删除微博的内容，参考性强，希望对初学AJAX的朋友有所帮助。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-f-sina-web-ajax-del-info-demo/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...
本文实例讲述了js实现头像图片切割缩放及无刷新上传图片的方法。分享给大家供大家参考。具体如下： fname：后台接收时用的名字, 必填 funstr：开始上传执行的函数, 默认无 funbak：上传成功后的回调函数， 必填 furl：上传地址； 默认当前form的提交页面 注意：上传地址和当前地址必须为同意域名否则回调函数获取不到 上传成功发回的地址。 a.php:$path=a.jpg; move_uploaded_file($_FILES[uimg][tmp_name],$path); exit(json_en...
Iframe实现无刷新联动iframe的无刷新其实是局部刷新，状态栏的滚动条还是会滚动，只是页面不会闪烁，这是一种比较老的技术了，在处理的数据两大的时候会比较慢，在本例中需要两个页面：index.aspx和frame.asapx,index.aspx用来显示界面，其中有一个iframe标记，指向frame.aspx页用来显示结果 index.aspx前台代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="_Default" %><!DOCTYPE html P...
本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无刷新评论</title> <script type="text/javascript"> function AppendComment() {//获取昵称文本框的值var nicknameValue = document.getElementById("nickName").value;//获取评论文本框的值var comm...
jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。PHP读取第一页数据：<div id="pagetxt"> <?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row = mysql_fetch_array($query)) { $pubdate = date("Y-m-d", $row[addtime]); echo <p><span> . ...
Js实现无刷新删除内容 <!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>仿腾讯微博效果</title> <style type="text/css"> body,div,h2,h3,ul,li,p{margin:0;padding:0;} a{text-decoration:none;} a:hover{text...
我们都知道ajax给浏览器带来了异步加载的能力，在数据校验、局部刷新等方面提升了用户体验，但同时存在如下问题： 1. 可以无刷新改变页面内容，但无法改变页面URL 2. hash的方式不能很好的处理浏览器的前进、后退等问题 为了解决传统ajax带来的问题，HTML5里加强了history API，加入了pushState、replaceState接口和popstate事件。这里就不详细介绍了，没有这方面知识的同学建议先看一下相关的资料。 pjax插件封装了pushState和aja...
文件上传是网站常用的功能，例如附件或图片的上传功能，解决方案也有很多，我们今天介绍一种通过jQuery无刷新的文件上传方式。 首先，我们在页面中放一个form，用来上传文件：代码如下: <form id="myForm" method="post" action="/asyncFileUpload/UploadHandler.ashx" enctype="multipart/form-data" target="asyncTarget"> <span>文件：</span> <input type="file" name="myFile" /> </form> <input type="button" ...
后台代码Handler.ashx 代码如下:<%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { string fileName = "web.config";//客户端保存的文件名 string filePath = context.Server.MapPath("web.config");//路径 //以字符流的形式下载文件 System.IO.FileStream fs = new System.IO.FileStream(filePath, ...
代码如下 代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> //本地图片预览 function setImagePreview(fieldupload, image, imagediv) { var docO...