JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery如何防止Ajax重复提交

2017年02月06日 41 阅读

首先说说防止重复点击提交是什么意思。我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。不妨引深来看，它不一定发生在表单的提交事件上，同样可以发生在ajax的异步请求上。有效地在web客户端采用一定机制去防止重复点击提交，将大大减轻服务器端压力。下面看下代码关于jquery ajax防止重复提交。*** jq...

jQuery的 $.ajax防止重复提交的两种方法（推荐）

2017年02月06日 39 阅读

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法，具体介绍如下所示：1、第一种，对于onclick事件触发的的ajax可以采用如下方法：即在beforeSend中使点击按钮不可用，ajax结果返回后置为可用$.ajax（{type: "POST",url: APP+"?m=Shopping&a=ajaxSubmitorder&sid="+sid+"&src="+src,cache:false,dataType: "json",...

jQuery ajaxForm（）的应用

2017年02月06日 42 阅读

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm（）的应用.一、ajaxForm（）介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工...

js中获取 table节点各tr及td的内容简单实例

2017年02月06日 42 阅读

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0"><tr><td height="25">第一行</td></tr><tr><td height="25">第二行</td></tr><tr><td height="25">第三行<...

jstl中判断list中是否包含某个值的简单方法

2017年02月06日 38 阅读

如何判断list中是否包含某个值，很遗憾，contains是不行的，只能穷举了<a id="aHref_${device[0]}" onclick="addSelectDeviceId（${device[0]}）"><c:set var="iscontain" value="false" /> <c:forEach items="${sessionScope.SelectDeviceIdsList}" var="map">...

Bootstrap分页插件之Bootstrap Paginator实例详解

2017年02月06日 39 阅读

Bootstrap Paginator是一款基于Bootstrap的js分页插件，功能很丰富，个人觉得这款插件已经无可挑剔了。它提供了一系列的参数用来支持用户的定制，提供了公共的方法可随时获得插件状态的改变，以及事件来监听用户的动作。目前经过测试的浏览器包括： Firefox 5+, Chrome 14+, Safari 5+, Opera 11.6+ and IE 7+。官网地址：http://bootstrappaginator.org/Downloa...

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

2017年02月06日 41 阅读

1.jquery通过ajax方法获取json数据不执行success回调问题描述：jquery通过ajax方法获取json数据不执行success回调方法问题原因：json格式存在问题或不符合标准写法，导致总是执行error回调方法解决方案：使json格式务必符合下述3个标准写法： 1）键名称：用双引号括起； 2）字符串：用双引号括起； 3）数字，布尔值不需要使用双引号括起；注意：一定是双括号！2.jQuery中ajax使用json数据...

原生JS实现的放大镜效果实例代码

2017年02月06日 39 阅读

这是我用原生js写的放大镜效果，与各种各样的框架技术相比，我喜欢使用原生的js，在这里，想和大家一起谈谈原生和框架技术的理解与个人喜好。<！DOCTYPE HTML><html><head><title>js放大镜效果</title><meta http-equiv="content-type" content="text/html;charset=utf-8"/><style&...

JS添加或修改控件的样式（Class）实现方法

2017年02月06日 40 阅读

使用js 给页面组件添加class 或者删除class，以及使用jquery的方式添加或修改。<input id="txtBianCeng" type="text" />.lezhu99 { color:#cc0000; }添加或修改样式（Class） document.getElementById（"txtBianCeng"）.className = "lezhu99";删除样式（Class） document.getElementById（...

表单元素值获取方式js及java方式的简单实例

2017年02月06日 37 阅读

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢？多说无用、上代码：Jsp-html代码： <form action="input.do" name="formkk"> <table&...

JS常用函数和常用技巧小结

2017年02月06日 38 阅读

学习和工作的过程中总结的干货，包括常用函数、常用js技巧、常用正则表达式、git笔记等。为刚接触前端的童鞋们提供一个简单的查询的途径，也以此来缅怀我的前端学习之路。Ajax请求jquery ajax函数我自己封装了一个ajax的函数，代码如下：var Ajax = function（url, type success, error） {$.ajax（{url: url,type: type,dataType: "json",timeout: 10000,s...

jquery控制页面的展开和隐藏实现方法（推荐）

2017年02月06日 40 阅读

【jquery代码】 <script> require（["jquery","validate","bootstrap","lhgcalendar"],function（$） { $（function（）{ $（"form"）.validate（）; }）; $（".up"）.click（function（）{ $（this）.parent（）.parent（）.parent（）.parent（）.next（）.slideToggle（"slo...

js控制li的隐藏和显示实例代码

2017年02月06日 37 阅读

html页面<div class="favorite_list"><div class="list_type" id="list_type"><ul class="all"> <li><a href="javascript:void（0）;" onclick="showli（1）;">全部（<span class="nums">{$count}</span>）</a&...

js实现table添加行tr、删除行tr、清空行tr的简单实例

2017年02月06日 43 阅读

如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> &...

js控制div层的叠加简单方法

2017年02月06日 47 阅读

如下所示：<style type="text/css">.favorite_icon{float:left; padding: 0 0 0 30px;}.favorite_label{float:left; width:950px;}.favorite_label h2{border-bottom: medium none;height: 60px;padding: 0.8em 0 0 0px;}.favorite_title{height:6...

js实现目录链接,内容跟着目录滚动显示的简单实例

2017年02月06日 40 阅读

如下所示：<script> require（["jquery", "bootstrap"], function（$） { $（function（） { $（".left"）.height（（$（"body"）.height（） > $（window）.height（）） ? $（"body"）.height（） : $（window）.height（））; }）; var goTo = $（".con"）; var guide =...

JavaScript随机生成颜色的方法

2017年02月06日 39 阅读

废话不多说了直接给大家贴js代码了，具体代码如下所述：<！DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><button id="btn1">调用第一种</button><button id="bnt2">...

Vue.js快速入门实例教程

2017年02月06日 40 阅读

什么是vuevue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。一、基本结构index.html代码：<script src="../vue.js"></script> <div id="app"> {{ message }} </div> <script src="app.js"></script> <！--注意：app...

JS实现禁止鼠标右键的功能

2017年02月06日 45 阅读

遇到网页上有精美图片或者精彩文字想保存时，通常大家都是选中目标后按鼠标右键，在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是，目前有许多网页都屏蔽了鼠标右键，那么用js如何实现禁止鼠标右键的功能呢？1.与禁止鼠标右键相关的JS说明<script type="text/javascript">document.oncontextmenu=new Function（"event.returnValue=false;"）;documen...

浅谈js控制li标签排序问题 js调用php函数的方法

2017年02月06日 39 阅读

【Html代码】<span style="font-size:14px;"><ul class="list-group"><? if （$categorys）: ?> <? foreach （$categorys as $category）:?> <li class="list-group-item" data-id="<? echo $category-&...

首页 / 脚本样式 / JavaScript

jQuery如何防止Ajax重复提交

jQuery的 $.ajax防止重复提交的两种方法（推荐）

jQuery ajaxForm（）的应用

js中获取 table节点各tr及td的内容简单实例

jstl中判断list中是否包含某个值的简单方法

Bootstrap分页插件之Bootstrap Paginator实例详解

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

原生JS实现的放大镜效果实例代码

JS添加或修改控件的样式（Class）实现方法

表单元素值获取方式js及java方式的简单实例

JS常用函数和常用技巧小结

jquery控制页面的展开和隐藏实现方法（推荐）

js控制li的隐藏和显示实例代码

js实现table添加行tr、删除行tr、清空行tr的简单实例

js控制div层的叠加简单方法

js实现目录链接,内容跟着目录滚动显示的简单实例

JavaScript随机生成颜色的方法

Vue.js快速入门实例教程

JS实现禁止鼠标右键的功能

浅谈js控制li标签排序问题 js调用php函数的方法