Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery 实现ajax传入参数含有特殊字符的方法总结

jQuery 实现ajax传入参数含有特殊字符的方法总结

在做ajax登录时候遇到的一个问题,当传入参数含有特殊字符,比如:“$"#@”等。参数传递会有问题,无法正确获取。$.ajax({url: "/user/login.ydd",type:"post",data:"name=abce&password=abcd&pwd",success: function(data){}})我要传入的是用户名为:abc,密码为abcd&pwd的用户登录。但传入后台获取参数,会被password=abcd当作一个参数传递,&这...
js浏览器html5表单验证

js浏览器html5表单验证

html5表单添加了很多类型的表单,而且还自带验证的功能。在移动端,手机等设备能够根据不同的input类型弹出不同的键盘,例如iphone弹的键盘但是由于不同的浏览器对不合法输入提示文案不一致,样式也不一样,并且老的浏览器不兼容(IE9及以下),导致了在生产环境中比较少见到。例如对于邮箱格式的检验,不同浏览器的效果如下:ChromeFirefoxIEsafarihtml5的表单跨浏览器有很大的问题具体来说存在三个问题:(1) 输入框blur的时候不会触发检...
使用jquery.qrcode.js生成二维码插件

使用jquery.qrcode.js生成二维码插件

二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,github源码地址:https://github.com/jeromeetienne/jquery-qrcode参...
JavaSpring 事务回滚详解

JavaSpring 事务回滚详解

spring 事务回滚1、遇到的问题 当我们一个方法里面有多个数据库保存操作的时候,中间的数据库操作发生的错误。伪代码如下:public method() {Dao1.save(Person1);Dao1.save(Person2);Dao1.save(Person2);//假如这句发生了错误,前面的两个对象会被保存到数据库中Dao1.save(Person2);} 期待的情况:发生错误之前的所有数据库保存操作都回滚,即不保存 正常情况:前面的数据库...
JS动态添加选项案例分析

JS动态添加选项案例分析

本文实例分析了JS动态添加选项的方法。分享给大家供大家参考,具体如下:一、问题:要做一个调查问卷,问题数量不定,问答答案不定。JS控答案效果图二、实现方法:为了实现这个效果,点击那个按钮就在下面添加4个答案框,选择从A-Z这26个字母,就是为了ASSIC码方便处理看看HTML结果<table width="100%" class="form"><tr><th width="100px"><label>标题1:...
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

本文实例讲述了JS+HTML5实现的前端购物车功能插件。分享给大家供大家参考,具体如下:最近做一个商城,需要用到一个简答的购物车功能,当然,后端实现比较容易,,这里重点还是讲一下前端的JS插件。从源代码里面没看出来,它叫啥,好像叫:ctshop .js,不管啦,反正我提供下载就好,我做了一些简单的修复,支持了中文这个插件使用了HTML5的新特效:storage ,就是游览器数据库的功能,这跟之前把数据存在cookies里面原理是相识的,这样的好处在于用户刷...
Javascript获取background属性中url的值

Javascript获取background属性中url的值

前言最近在做项目的时候遇到一个问题,需要获取一个动态预览的图片的地址,这其实不是什么问题,主要是该图片的路径是写在css的background-img属性中的,于是决定要用js获取它的url中的内容,下面给大家分享解决的方法,有需要的朋友们下面来看看。var avatar = $("#image-preview").css("backgroundImage"); alert(avatar);获取的是包含url(“xxx.jpg”)形式的值,于是查阅了下资料...
WEB前端实现裁剪上传图片功能

WEB前端实现裁剪上传图片功能

最后的效果如下:这里面有几个功能,第一个是支持拖拽,第二个压缩,第三个是裁剪编辑,第四个是上传和上传进度显示,下面依次介绍每个功能的实现:1. 拖拽显示图片拖拽读取的功能主要是要兼听html5的drag事件,这个没什么好说的,查查api就知道怎么做了,主要在于怎么读取用户拖过来的图片并把它转成base64以在本地显示。var handler = {init: function($container){//需要把dragover的默认行为禁掉,不然会跳页$c...
jQuery右下角悬浮广告实例

jQuery右下角悬浮广告实例

右下角悬浮广告是一种常见的网页广告展示方式,而且对用户浏览有干扰之嫌但对网站收益来说是很受站长们欢迎的。今天我给大家分享一个使用jQuery来实现网页右下角广告的实例。它的优点是可以从右下角缓慢升起,展示一定时间自动消失,并且可以改成网站消息提示窗口。HTML首先准备广告素材,并在body中建立一个用户悬浮的广告主体DIV#pop,设置为不显示,在广告的上部标题栏有关闭按钮,点击关闭时,则关闭隐藏悬浮广告。<div id="pop" style="d...
jQuery表单验证简单示例

jQuery表单验证简单示例

本文实例讲述了jQuery表单验证简单用法。分享给大家供大家参考,具体如下:这几天一直在做一个表单验证的页面,为了达到友好界面,特意去抄了360buy的页面,模仿写了一个页面jquery 表单验证就是验证表单里面所信息都为必填//注册页面验证机制$("#username").focus(function(){ //用focus()表单,当光标在输入框的时候执行下面的代码$("#username_error").removeClass("error").ht...
Angular 2应用的8个主要构造块有哪些

Angular 2应用的8个主要构造块有哪些

前面的话:最近空余时间在学 Angular 2,国庆节的时候看了官网的quickstart,还写了一篇文章,只是一个hello world demo。后面继续看了它的一个项目教程,刚开始还可以跟上,当后面就比较混乱了。的确,对于新手来讲,要了解一个框架还是比较麻烦的。所以停止项目,开始看看 angular 的整体框架是如何的,联系项目,分析下,慢慢来。学习链接:中文官网正文开始: angular 应用:用带 angular 拓展语法的 HTML 写模板,用...
JavaScript中关键字 in 的使用方法详解

JavaScript中关键字 in 的使用方法详解

for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为“枚举”。 对于数组 ,迭代出来的是数组元素 但不推荐,因为不能保证顺序,而且如果在Array的原型上添加了属性,这个属性也会被遍历出来,所以 最好数组使用正常的for循环,对象使用for-in循环 对于对象 ,迭代出来的是对象的属性; var obj = { "key1":"value1", "key2":"value2", "key3":"value3...
深入理解JS实现快速排序和去重

深入理解JS实现快速排序和去重

JS的快速排序和JS去重在面试的时候问的挺多的.下面是我对快速排序的理解,和快速排序,去重的代码.1.什么是快速排序?第一步: 快速排序就是去个中间值,把比中间值小的放在左边设为arrLeft,比中间值大的放在右边设为arrRight第二步: 对arrLeft进行第一步,对arrRight进行第一步.(明显是一个递归嘛,当数组的长度小于2的时候结束)第三步: 合并arrLeft,中间值,arrRightquickSort = function(arr){i...
Node.js包管理器Yarn的入门介绍与安装

Node.js包管理器Yarn的入门介绍与安装

前言这两天大家有没有都被Yarn悄悄刷了屏,最近Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。为了跟上 Javascript 这股潮流的脚步,大概的浅尝了一下这个自称是又快又可信赖又安全的包管理,所以写的内容不会很详细,更多的可能只是针对这个全新的包管理与 npm 的不同之处来对比。也可能有些地方写得不对,如果有的话,欢迎指正。一、安装首先当然是安装啦。跟 npm 这种被钦点而随 nodejs 一起被安装的包管理器不...
基于JavaScript实现前端文件的断点续传

基于JavaScript实现前端文件的断点续传

还是先以图片为例,看看最后的样子一、一些知识准备断点续传,既然有断,那就应该有文件分割的过程,一段一段的传。以前文件无法分割,但随着HTML5新特性的引入,类似普通字符串、数组的分割,我们可以可以使用slice方法来分割文件。所以断点续传的最基本实现也就是:前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。而我们需要对FileList对象进行修改再提交,在之前的文章中知晓...
<< 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 >>