代码仅供参考 如果强行复制请修改页面id 代码如下: //查询数据库符合条件的数据 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById("nameandaddress").value; var url = "${RetrieveURL}?accessorType=${AccessorType}"; url = url+"&method=RetrieveSelectResult&NameAndAddress="+escape(pid); if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if (window.Acti...
代码如下 代码如下: 无标题文档 //本地图片预览 function setImagePreview(fieldupload, image, imagediv) { var docObj = document.getElementById(fieldupload); var imgObjPreview = document.getElementById(image); if (docObj.files && docObj.files[0]) { //火狐下,直接设img属性 imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '150px'; imgObjPreview.style.height = '150px'; //imgObjPrev...
后台代码Handler.ashx 代码如下: 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, System.IO.FileMode.Open); byte[] bytes = new b...
文件上传是网站常用的功能,例如附件或图片的上传功能,解决方案也有很多,我们今天介绍一种通过jQuery无刷新的文件上传方式。 首先,我们在页面中放一个form,用来上传文件:代码如下:然后,在页面中放一个iframe,在上传的时候只刷新iframe,而不是整个网页:代码如下:接下来使用js为按钮添加功能:代码如下: $(function () {$("#btnUpload").click(function () {$("#myForm").submit();});});在按钮单击的时候,将form提交。 这...
HTML代码:代码如下:JS代码: 若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false, "msg":"错误信息"}代码如下: function save() {$("#frm").submit();$("#fra").one("load", function () {var data = eval("(" + $("#fra").contents().find("body").html() + ")");if (data.ok) {$("#divtrackroad").load("TrackRoad?roadId=" + @ViewBag.roadId + "&roadName=" + @ViewBag.roadName + "&viewOrEdit=1&t=" + new ...
我们都知道ajax给浏览器带来了异步加载的能力,在数据校验、局部刷新等方面提升了用户体验,但同时存在如下问题: 1. 可以无刷新改变页面内容,但无法改变页面URL 2. hash的方式不能很好的处理浏览器的前进、后退等问题 为了解决传统ajax带来的问题,HTML5里加强了history API,加入了pushState、replaceState接口和popstate事件。这里就不详细介绍了,没有这方面知识的同学建议先看一下相关的资料。 pjax插件封装了pushState和aja...
Js实现无刷新删除内容仿腾讯微博效果body,div,h2,h3,ul,li,p{margin:0;padding:0;} a{text-decoration:none;} a:hover{text-decoration:underline;} ul{list-style-type:none;} body{color:#333;background:#3c3a3b;font:12px/1.5 \5b8b\4f53;} #msgBox{width:500px;background:#fff;border-radius:5px;margin:10px auto;padding-top:10px;} #msgBox form h2{font-weight:400;font:400 18px/1.5 \5fae\8f6f\96c5\9ed1;} #msgBox fo...
jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。PHP读取第一页数据:<?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 . $pubdate . . $row[title] . ...
本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下:无刷新评论function AppendComment() {//获取昵称文本框的值var nicknameValue = document.getElementById("nickName").value;//获取评论文本框的值var commentValue = document.getElementById("comment").value;var tblComment = document.getElementById("tblComment");var tr = tblComment.tBodies[0].insertRow(-1);var tdNickName = t...
Iframe实现无刷新联动iframe的无刷新其实是局部刷新,状态栏的滚动条还是会滚动,只是页面不会闪烁,这是一种比较老的技术了,在处理的数据两大的时候会比较慢,在本例中需要两个页面:index.aspx和frame.asapx,index.aspx用来显示界面,其中有一个iframe标记,指向frame.aspx页用来显示结果 index.aspx前台代码无标题页function Query() {var ddlpro = document.getElementById('ddlPro');var pro = ddlpro.options[ddlpro.selec...
本文给大家简单分享了一下个人项目中解决无刷新上传文件的方法和示例,有需要的小伙伴可以参考下。今天开发过程中遇到了这样一个问题:需要将Excel上传至服务器进行解析,但是在文档不合适的情况下希望可以不刷新页面提示用户文档不合适。冥思苦想了半天,在网上找了不少资料最终试验成功,在此分享下处理方法:首先先说下处理思路:在页面上添加一个隐藏的iframe,设置form表单的target属性设置为iframe的id,这样form提交时会将e...
本文实例讲述了js实现头像图片切割缩放及无刷新上传图片的方法。分享给大家供大家参考。具体如下: fname:后台接收时用的名字, 必填 funstr:开始上传执行的函数, 默认无 funbak:上传成功后的回调函数, 必填 furl:上传地址; 默认当前form的提交页面 注意:上传地址和当前地址必须为同意域名否则回调函数获取不到 上传成功发回的地址。 a.php:$path=a.jpg; move_uploaded_file($_FILES[uimg][tmp_name],$path); exit(json_enco...
下面通过文字说明和代码分析的方式给大家分享移动端图片上传之localResizeIMG先压缩后ajax无刷新上传,具体实现过程请看下文。 现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实。所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器。 一翻google之后,发现了localResizeIMG,它会对图...
本文实例讲述了JS实现仿腾讯微博无刷新删除微博效果代码。分享给大家供大家参考。具体如下: 这里演示JS仿腾讯微博无刷新删除效果,将显示在微博列表里的内容删除,运用AJAX技术,无刷新删除微博的内容,参考性强,希望对初学AJAX的朋友有所帮助。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-f-sina-web-ajax-del-info-demo/ 具体代码如下:仿腾讯微博效果body,div,h2,h3,ul,li,p{margin:0;padding:0;...
主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式。 准备主题皮肤样式 首先,我准备了三个样式表CSS文件,分别...