Aug222013
jquery ajax防止重复提交的办法
本篇文章主要分享下在使用jquery ajax时防止重复提交的办法。
其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下:
$('#submit').click(function(){
var objButton=$(this);
var content=$('#content').val();
$.ajax({
url:web_url+'jquery.php',
type:'post',
cache:false,
data: 'action=submit&content='+content,
bef...阅读全文
抢沙发
Aug142013
javascript实现原生ajax的几种方法
自从js有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何办呢?下面和大家分享几种利用javascript实现原生ajax的方法。
首先实现ajax之前必须要创建一个 XMLHttpRequest 对象的。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject,具体方法如下:
var xmlHttp;
f...阅读全文
Jul302013
jQuery性能优化指南(1)
本篇文章主要介绍一些基本的Jquery性能优化方面的知识。
1,总是从ID选择器开始继承
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码:
<div id="content">
<form method="post" action="#">
<h2>交通信号灯</h2>
<ul id="traffic_light">
<li>...阅读全文
Jul302013
页面定时跳转(倒计时跳转)代码总结
下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:
(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
<script type="text/javascript">
//3秒钟之后跳转到指定的页面
setTimeout(window.location.href='http://www.phpernote.com/div-css/354.html',3);
</script>
(2)html代码实现,在页面的head区域块内加上如下代码...阅读全文
Jul282013
$.ajax用法与举例
jquery里的 $.ajax 方法的作用是通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。在该方法的基础上简化出来的一些方法还有 $.get, $.post, $.getJSON 等。由于工作中经常会用到 $.ajax 这个方法,现在特意将这个方法的一些常见用法做一些记录。
下面是一段比较常用到的 $.ajax 方法:
$.ajax({
type:'GET',
url:'http://www.phpernote.com/jquery.php',
data:{usern...阅读全文
Jul282013
怎么在body标记未尾添加元素节点
js在页面动态添加元素节点的通常的方法有appendChild,jquery动态添加页面节点的方法就很多了。下面说一下如何在页面标记body标记的末尾添加页面元素。
js的方法:
<html xmlns="http://www.phpernote.com/javascript-function/61.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js添加节点</title>
&...阅读全文
Jul232013
DW CS5 jquery代码提示插件
喜欢使用Dreamweaver(业内简称dw)做php开发的朋友应该都知道dw是从6.0开始才支持jquery代码提示的。那么对于电脑上安装的是dw cs5而又需要jquery代码提示的该怎么办呢?将cs5卸了然后安装6吗?这个方法不是很妥,毕竟现在dw cs软件已经是几百兆的了,如果卸载不完全再安装的话,会出现各种问题。
下面本文就分享一下如何让 Dreamweaver CS5 也支持jquery代码提示的功能。
(1)首先说明...阅读全文
Jul232013
jquery当前节点之前插入节点
jquery插入dom节点的方法很多,这里主要说下在jquery中实现在当前节点之前插入节点的方法。
jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个。
before() 方法在被选元素前插入指定的内容。
语法 $(selector).before(content)
使用示例如下:
$('.insert').click(function(){
var str='<div>插入内容</div>';
$('#phpernote').before(str);
});
...阅读全文
Jul182013
jquery倒计时效果插件
这个案例是使用jquery实现的一个比较常见的倒计时效果,现实中我们经常会在购物网站上看到某商品定时开抢或某活动开始等,基本都是这么实现的,下面首先看一下这个倒计时效果图!
下面是具体的实现代码:
<html xmlns="http://www.phpernote.com/php-template-framework/850.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...阅读全文
Jul172013
jQuery的Cookie插件 cookie 使用方法
cookies 是一个用 jQuery 来操作 Cookie 的插件。因为使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,所以为了方便日常的开发工作,就有人写了这样一个插件,使用这个插件 ,我们可以非常轻松的创建、获取和删除Cookies。
下面是该插件比较常见的一些操作:
$.cookies.set( 'sessid', 'dh3tr62fghe' );//设置cookie
var sessid = $.cookies.get( 'sessid' ...阅读全文