E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
无刷新
HTML5实现
无刷新
修改URL的方法
前言今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的。我尝试了俩种方式来修改url:window.location.href,拼接一个搜索的key值,点击搜索的同时,刷新了页面,url改变了,功能是实现了,可是bug来了...,搜索页面闪烁后才进入结果页,而结
·
2019-11-14 20:25
HTML5实现
无刷新
修改URL
前言今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的。我尝试了俩种方式来修改url:window.location.href,拼接一个搜索的key值,点击搜索的同时,刷新了页面,url改变了,功能是实现了,可是bug来了...,搜索页面闪烁后才进入结果页,而结
lucas
·
2019-11-14 16:05
javascript
html5
chrome
firefox
js中的Ajax总结
js中的Ajax总结.一.ajax的作用:1.就是让js去读服务器上面的数据.2.
无刷新
的情况下读取服务器上面的数据,例如:验证账号和密码是否正确等.(1)ajax的优点:1.减少冗余请求和响应对服务造成的负担
何老师编程
·
2019-11-11 13:53
javascript
ajax
html5
Vue.js使用vue-router构建单页应用
无刷新
体验,这个应该是最显著的有点,由于路由分发直接在浏览器端完成,页面是不刷新,对用户的响应非常及时,因此提升了用户体验;完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构和
_ihhu
·
2019-11-06 14:09
ajax异步上传图片
方法不唯一,这里介绍的是通过ajaxSubmit来完成ajax对form表单的提交包括图片,目的是
无刷新
。
林胖虎
·
2019-11-05 12:09
Data URI scheme(与上传图片有关)
现代浏览器对dataURIscheme支持非常好,我们可以利用这个特性做实现图片的
无刷新
上传,具体的方法是:图片用urischeme格式表示->上传字符串->后台对字符串解码->保存到文件中。我们
EdisonDong
·
2019-11-05 01:17
mootools
无刷新
上传文件(图片)插件
无刷新
上传的方法很多,比如:利用现代浏览器的FormData。利用现代浏览器的FileReader将图片文件编程base64编码。利用类库(如jQuery)的ajax。利用iframe。
EdisonDong
·
2019-11-04 18:05
移动端多图片上传并本地预览
由于form表单提交数据会导致页面刷新,而且最重要的是不能拿到返回值做回调处理,所以这里使用了H5的formData实现
无刷新
上传,用axios做数据请求,至于本地预览则使用了h5的FileReader
Chance722
·
2019-11-04 10:33
ajax优缺点
ajax缺点:1.安全问题:将服务端的方法暴露出来,黑客可利用这一点进行攻击2.大量JS代码,容易出错3.Ajax的
无刷新
重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰——用户不太清楚现在的数据是新的还是已经更新过的
shanshanfei
·
2019-11-04 01:39
Angular学习第六天:angular的路由
地址添加等等,这就相当于一个一个乘客拿的票(即用户请求不同的页面),路由这个时候就是那个管理员了,他负责找到用户请求的页面相关的资源并返回给浏览器(即展示用户请求的页面)注:angular中的路由切换为
无刷新
切换页面
我是灰灰的小跟班
·
2019-11-01 12:44
ajax
无刷新
分页效果
Ajax
无刷新
分页的必要性具体实现:商品总记录条数,每页显示多少条mysql数据库关键字limitlimit偏移量长度偏移量:(当前页码-1)*每页显示条数。
周行知
·
2019-10-31 11:22
消息中心 - 逻辑(二)
当服务器上的数据被更新后,能够在客户端即时且
无刷新
的同步信息。为了解决这个问题,出现了websocket协议。它可以使服务器和客户端一直保持通信,且通信是双向的。
SexyPhoenix
·
2019-10-31 10:00
ajax
无刷新
上传
这篇来学习一下ajax添加的新特性:进度事件,通过这个事件,我们可以做到
无刷新
的上传和下载。
谷子多
·
2019-10-31 10:23
无刷新
上传文件(支持ie8+)
思路:利用form表单提交文件,然后提交成功后跳转到iframe里面,把这个iframe隐藏掉,然后返回的信息就渲染到iframe里面,再获取iframe里面的内容。(这里浏览器会报有关X-Frame-Options的问题,解决办法:https://stackoverflow.com/questions/28647136/how-to-disable-x-frame-options-respons
helloyoucan
·
2019-10-30 19:47
手撸一个vue后台管理系统框架(一)路由+Tabs篇
本章技术栈:Vue-Router+VueX+Tabs+动态菜单渲染背景:上周写了一篇基于Iframe实现单页面多tab切换界面
无刷新
的功能,现在SPA盛行的时代,感觉Iframe实现SPA有点Low了(
乔巴巴
·
2019-10-23 19:03
tab
element-ui
vue.js
vuex
vue-router
SQL追踪器的安装和使用
此工具能几秒钟追踪出sql数据库操作,能几分钟内分析任意项目系统数据库表结构,瞬间
无刷新
测试、调试php代码第一步:下载https://pan.baidu.com/s/154Fhr5csIhyozq4P2khjkg
不睡
·
2019-10-20 14:00
从零开始的vue学习笔记(八)
地址栏url的变化并不会去发请求去服务器取新的页面,而是按需加载局部组件,看起来就像
无刷新
一样。
西街二叔
·
2019-10-18 11:00
Iframe实现单页面多tab切换界面
无刷新
项目需求:需要在原MVC项目上实现单页面多tab切换,局部刷新功能。痛点:原MVC项目菜单栏使用的是a标签,利用a标签的href属性跳转到对应界面,所以导致每个界面都得重新加载一遍;项目早已上线正常运转,大改框架代价比较大,只得另辟蹊径。思路:通过点击菜单,动态增加Iframe,利用Iframe的src属性,将子页面与母板页结合,再通过控制Iframe的显隐,实现界面的切换,另外利用history
乔巴巴
·
2019-10-16 22:52
javascript
html5
使用laravel和ajax实现整个页面
无刷新
的操作方法
1、数据库文件CREATETABLEIFNOTEXISTSmr_key(idint(11)NOTNULLPRIMARYKEYAUTO_INCREMENTCOMMENT'键id',project_idint(11)NOTNULLCOMMENT'外键项目id',namevarchar(100)NOTNULLCOMMENT'键名',structureenum('string','hash','list'
snow_small
·
2019-10-03 20:33
tp5框架
无刷新
分页实现方法分析
本文实例讲述了tp5框架
无刷新
分页实现方法。
leo_jk
·
2019-09-26 10:47
这可能是最全的form表单提交方式
1.
无刷新
页面提交表单表单可实现
无刷新
页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面
ruanhongbiao
·
2019-09-26 08:31
js
Ajax
Asynchronous(异步)JavascriptAndXml
无刷新
(局部刷新)后台传统方式的web请求(同步请求):等待服务器端响应;刷新ajax异步请求:发送请求的同时,可以在页面上执行其他操作
无刷新
提高用户体验度
眼錑
·
2019-09-26 08:57
jQuery+Ajax实现
无刷新
操作
使用jQuery实现Ajax操作想要实现Ajax页面
无刷新
效果,但是直接利用Ajax代码实在有些麻烦,所以就想用jQuery实现。
·
2019-09-25 04:31
php+ajax实现
无刷新
数据分页的办法
本文实例讲述了php+ajax实现
无刷新
分页的方法。分享给大家供大家参考。具体实现方法如下:index.php文件,代码如下:ajax分页演示";//开始分页导航条代码:$pagenav.
·
2019-09-25 03:20
jQuery+Ajax实现
无刷新
分页
1、前台使用ajax
无刷新
分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js下面贴出代码/***ThisjQueryplugindisplayspaginationlinksinsidetheselectedelements
·
2019-09-25 03:37
jQuery+PHP发布的内容进行
无刷新
分页(Fckeditor)
这篇文章将使用jQuery,并结合PHP,将Fckeditor发布的内容进行分页,并且实现
无刷新
切换页面。
·
2019-09-25 03:06
实现ASP.NET
无刷新
下载并提示下载完成的开发思路
先给大家贴代码了,后面给大家在做具体的文字说明。以下是前端代码:$(function(){$("#btnDownLoad").on("click",function(){var$loading=$("#loadingbox");vardownId=newDate().getTime()+"-"+Math.random();$loading.css("display","block");DownLo
·
2019-09-25 03:36
jQuery+ajax实现
无刷新
级联菜单示例
前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例下面是做的一个前台用JQUERY,AJAX调用后台方法做的
无刷新
级联菜单CasMenu.aspx页面:Porschev--前台JS(Jquery
·
2019-09-25 02:42
jQuery不使用插件及swf实现
无刷新
文件上传
文件上传是网站常用的功能,例如附件或图片的上传功能,解决方案也有很多,我们今天介绍一种通过jQuery
无刷新
的文件上传方式。
·
2019-09-25 01:59
使用ajax和history.pushState
无刷新
改变页面URL示例
表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢?HTML5里引用了新的API,history.pushState和history.replaceState,就是通过这个接口做到
·
2019-09-25 01:59
jQuery Pagination分页插件_动力节点Java学院整理
插件简介此jQuery插件为Ajax分页插件,一次性加载,故分页切换时
无刷新
与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。
·
2019-09-24 13:10
将form表单通过ajax实现
无刷新
提交的简单实例
实例如下://将form转换为AJAX提交functionajaxSubmit(url,frm,fn){vardataPara=getFormJson(frm);$.ajax({url:url,type:"post",data:dataPara,async:false,dataType:'txt',success:fn});}//将form中的值转换为键值对functiongetFormJson(
·
2019-09-24 04:49
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新-
无刷新
操作。但是,ajax应用也会造成另外的问题,容易导致浏览器无法前进与后退,这是个很头疼的问题,开发人
·
2019-09-24 04:51
javascript中获取元素标签中间的内容的实现方法
使用ajax,通过会把服务器端响应获取到reponseText或者reponseXML中的信息,以某种方法动态的写到div和span标记中,这样,可以在
无刷新
的情况下,改变页面内容的显示。
·
2019-09-24 04:21
jQuery.uploadify文件上传组件实例讲解
1、jquery.uploadify简介在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好,
无刷新
·
2019-09-24 04:07
AJAX PHP
无刷新
form表单提交的简单实现(推荐)
ajax.php:UntitledDocumentfunctionsaveUserInfo(){//获取接受返回信息层varmsg=document.getElementByIdx_x("msg");//获取表单对象和用户信息值varf=document.user_info;varuserName=f.user_name.value;varuserAge=f.user_age.value;varu
·
2019-09-24 04:04
php+ajax注册实时验证功能
ajax的实时验证技术已经很成熟了,在一些规范的网站上,如果有注册验证的模板,必定会涉及到ajax的
无刷新
验证,这在用户注册的体验中是很棒的,对比一个不能及时和后台
无刷新
对接的验证模式,要重新返回来刷新
·
2019-09-24 03:36
jQuery Ajax 上传文件处理方式介绍(推荐)
下面的表格列出了所有的jQueryAJAX方法:jQueryAjax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用
无刷新
操作方法,接下来通过本文给大家介绍
·
2019-09-24 02:06
Jquery和BigFileUpload实现大文件上传及进度条显示
实现方法:用到了高山来客的bigfileupload组件,用高山来客的方法,弹出一个模式窗口,然后不停刷新获取进度,始终觉得体验感不好,于是想到用jquery来实现
无刷新
进度显示,因为提交页面后,不能让其刷新页面
·
2019-09-24 02:29
jQuery插件pagination实现
无刷新
分页
这篇文章我们主要看看简单的使用jQuerypagination这个插件来实现
无刷新
分页,使用jQuerypagination主要作用在于分页样式的显示,而
无刷新
的主要原理还是使用Ajax,具体看下文:首先
·
2019-09-24 02:16
jquery实现
无刷新
验证码的简单实例
1.思路:页面上的验证码图片是servlet,采用jquery实现异步校验信息2.所用到的文件VerifyCodeServlet.java--用于生成图片的servletResultServlet.java--用于校验验证码正确性的servletverifyCode.js--校验的js文件jquery.js--jquery包里的源文件verifyCode.jsp--页面3.代码VerifyCode
·
2019-09-24 02:35
Ajax学习笔记---3种Ajax的实现方法【推荐】
(一)Ajax历史....了解性知识Ajax归属于Web前端开发技术,与javascript有着异常紧密的联系.Ajax就是一种实现异步通信
无刷新
的技术,而这种技术
·
2019-09-24 02:41
基于jquery实现表格
无刷新
分页
本文实例讲解了基于jquery实现表格
无刷新
分页功能,分享给大家供大家参考,具体内容如下效果图:具体代码:面向对象的
无刷新
表格分页vardata=[];for(vari=0;ihtml,body{margin
·
2019-09-24 00:39
谈谈基于iframe、FormData、FileReader三种
无刷新
上传文件的方法
发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向。以一个简单的demo做说明:html如下所示,请求的路径action为"upload",其它的不做任何处理:名字头像服务端(node)response直接返回:"Recievedformdata",演示如下:可以看到默认情况下,form请求upload的同时重定向到upload。但是很多
·
2019-09-24 00:29
详解PHP+AJAX
无刷新
分页实现方法
PHP+AJAX
无刷新
分页实现代码详解,最近在看ajax教程,就想写个简单入门的PHP+AJAX
无刷新
分页,我们依据ajax开发框架,代码如下:varhttp_request=false;functionsend_request
·
2019-09-23 23:42
php+ajax实现
无刷新
的新闻留言系统
本文介绍了一款
无刷新
的新闻留言系统,最简明易懂的一个ajax
无刷新
留言系统,源码中省略了接受数据验证的过程,大家可根据自己的需求进行扩展,下面进入主题。
·
2019-09-23 23:21
php+ajax制作
无刷新
留言板
本文就是和大家分享一款由php结合ajax实现的
无刷新
留言板,先给大家看一下最后的效果图:数据库连接代码如下:index.php文件代码如下:
无刷新
显示回帖
无刷新
显示回帖">[]回帖姓名:标题:内容:bbspost.php
·
2019-09-23 23:21
jQuery
无刷新
切换主题皮肤实例讲解
本文将围绕如何使用jQuery实现点击
无刷新
切换主题皮肤功能。
·
2019-09-23 23:27
基于ajax实现点击加载更多
无刷新
载入到本页
先给大家展示效果图:效果演示本例是分页的另外一种显示方式,并不是隐藏未显示的内容数据库结构与《ajax翻页》是一样的JavaScript代码$(document).ready(function(){vartrack_click=;//trackuserclickon"loadmore"button,righnowitisclickvartotal_pages=;$('#results').load
·
2019-09-23 23:06
jquery插件pagination实现
无刷新
ajax分页
1、前台使用ajax
无刷新
分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js插件参数可以参考----张龙豪-jquery.pagination.js分页下面贴出代码/*
·
2019-09-23 23:36
上一页
13
14
15
16
17
18
19
20
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他