标签存档: Ajax

jquery.validate插件remote规则相同值不验证的问题解决办法

一、由来说明

使用jquery.validate插件的remote规则来验证一组参数是否重复,我的需求不像其他应用一样只验证一个字段是否重复,而是要依赖其他的几个字段来组合判断,所以jquery.validate就有点水土不服了。

二、环境说明

jQuery validation版本号: jQuery validation plug-in 1.7
$Id: jquery.validate.js 6403 2009-06-17 14:27:16Z joern.zaefferer $

三、实例说明

验证规则功能说明(图一)

见左图,要保证[会员等级]和[积分来源]的联合唯一,类似于数据库的联合主键。

验证代码片段:
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: jquery.validate插件remote规则相同值不验证的问题解决办法

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

城市级联选择插件jquery.area2select闪亮登场(前后台设计)

公司的一个二期项目需要使用地区信息的级联选择功能,因为本来有数据库设计所以就根据数据库设计构建了本次要发布的插件:jquery.area2select,算是真正意义上的第一个jQuery插件吧。
插件的开发目的一是为了公司的项目试用,另外一个就是把各种我平常开发积累的东西分享给大家,也就是我创建的wsria项目。

一、文档以及API

如果看着累直接点击这里,在新窗口打开。

二、配套演示地址

因为是和后台配合使用,所以专门搭建了一个部署在tomcat上的演示程序;
演示地址:http://kafeitu.gicp.net:10000/demo,进入页面后在左侧的“地区信息”栏目中。
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 城市级联选择插件jquery.area2select闪亮登场(前后台设计)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

推荐精选3枚jQuery遮罩插件

第一枚:Fancybox

  • 点评:简介实用,麻雀虽小五脏俱全;有详细的说明文档
  • 体积pack版本只有14K,算是比较小的
  • 网址http://fancybox.net/
  • 功能
    单行、自动设置大小、Ajax和Iframe加载方式、Flash、不存在图片和URL提示、图片画廊
    支持 Esc关闭、散入淡出

第二枚:FaceBox

第三枚:ColorBox

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 推荐精选3枚jQuery遮罩插件

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

站点GBK编码下jQuery Ajax中文乱码解决方案

哎,还是老话题,一直缠绕着国人……

现在来个快刀斩乱麻,let’s go
由于项目前期使用的是1.2.6版本,后期使用的是1.3.2版本,所以分开来讲;

说说实现的办法,有点暴力——直接修改jQury源码,不过不用担心,不会影响整体功能而且就修改几行代码就可以解决乱码,也就是在发送请求的时候把参数值再进行一次转码,修改的方法为param

1、jQuery 1.2.6 乱码解决办法

  • 打开1.2.6版本的源文件
  • 找到第2911、2921、2924行,分别修改对应参数值的地方包裹一层encodeURIComponent即可,修改后的结果如下:
    param: function( a ) {
    		var s = [];
     
    		// If an array was passed in, assume that it is an array
    		// of form elements
    		if ( a.constructor == Array || a.jquery )
    			// Serialize the form elements
    			jQuery.each( a, function(){
    				s.push( encodeURIComponent(this.name) + "=" + encodeURIComponent(encodeURIComponent( this.value )) );
    			});
     
    		// Otherwise, assume that it's an object of key/value pairs
    		else
    			// Serialize the key/values
    			for ( var j in a )
    				// If the value is an array then the key names need to be repeated
    				if ( a[j] && a[j].constructor == Array )
    					jQuery.each( a[j], function(){
    						s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( this )) );
    					});
    				else
    					s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( jQuery.isFunction(a[j]) ? a[j]() : a[j] )) );
     
    		// Return the resulting serialization
    		return s.join("&").replace(/%20/g, "+");
    	}
    资源下载:jquery-encode-gbk.1.2.6.js 共 764 次
    资源下载:jquery-encode-gbk.pack.1.2.6.js 共 653 次

2、jQuery 1.3.2 乱码解决办法

1.3.2的就不用这么麻烦了,因为这个版本简化了param方法的结构,只需要修改一行代码即可,因为只有一个地方转码了

找到第3737行,同样包裹一层encodeURIComponent,结果如下:

	param: function( a ) {
		var s = [ ];
 
		function add( key, value ){
			s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(encodeURIComponent(value));
		};

资源下载:jquery-encode-gbk-1.3.2.js 共 1312 次
资源下载:jquery-encode-gbk-.pack.1.3.2.js 共 1255 次

重要说明:后台必须要转码:java.net.URLDecoder.decode(request.getParameter(“name”), “UTF-8″)

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 站点GBK编码下jQuery Ajax中文乱码解决方案

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

简单实现在基于Java的AJAX环境下未登录自动跳转流程详解(spring代理struts的action)

有过管理系统开发经验的程序员第一步肯定是做用户管理模块,当然可能会用到公司或者其他的产品,或者自己写用户管理模块,此模块主要的目的是区别每个用户的信息集合,限制用户的操作、数据列表等

今天讲的是用户登录问题,环境是基于JAVA语言,使用spring代理struts的Action,在使用spring创建的bean时执行一次验证拦截器来判断用户是否登录
下面进入正题:
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 简单实现在基于Java的AJAX环境下未登录自动跳转流程详解(spring代理struts的action)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于JavajQuery开发企业RIA应用

More Posts - Website

如何判断一个请求是否为AJAX请求

昨天在搞一个系统的时候遇到一个问题,我要在后台判断这个请求来自哪里,就是说是通过URL直接访问的呢还是通过AJAX方式访问的,以此来判断该怎么处理和响应,在群里面询问了一下也没有人知道,后来就想修改JQUERY的源码,就是在提交的时候在URL中加入自定义的AJAX请求标示,但是想想这样做不太好,破坏了JQUERY的完整性;继续在搜索,后来终于发现了,哈哈

那么服务器如果区别这个请求是ajax呢?因为同步和异步ajax的请求的头文件是一样的。我们如果通过X-Requested-With”=”XMLHttpRequest”来标识这个请求是ajax的请求。如果服务器硬是要区分的话,就可以通过获取该头部来判断。

这是来自一篇JQUERY的AJAX请求的文章,这样我在后台获取header属性中的”X-Requested-With”就可以知道是什么类型的请求了
附上Java代码:

/**
 * 判断是否为Ajax请求
 * @param request	HttpServletRequest
 * @return	是true, 否false
 */
public static boolean isAjaxRequest(HttpServletRequest request) {
	String requestType = request.getHeader("X-Requested-With");
	if (requestType != null && requestType.equals("XMLHttpRequest")) {
		return true;
	} else {
		return false;
	}
}

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 如何判断一个请求是否为AJAX请求

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于JavajQuery开发企业RIA应用

More Posts - Website

6个你必须用到AJAX的地方与6个不必用到的地方

用ajax开发系统、网站确实好给客户带来了很大的方便,也降低了服务器的压力,但是我们在开发的时候不能盲目的使用ajax,不是所有的情况都适合使用ajax的,下面是从CSDN上面看到的,分享给大家。

继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 6个你必须用到AJAX的地方与6个不必用到的地方

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

实例解析java + jQuery + json工作过程(获取JSON数据)

前天刚刚写的一篇关于《实例解析java + ajax(jQuery) + json工作过程(登录)》的文章引起了网友们的关注和好评,

继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 实例解析java + jQuery + json工作过程(获取JSON数据)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于JavajQuery开发企业RIA应用

More Posts - Website

自己动手定制ajax loading图片

自己动手定制ajax 加载等待图片,点击图片打开网址

ajax loading图片定制

ajax loading图片定制

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 自己动手定制ajax loading图片

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

实例解析java + jQuery + json工作过程(登录)

本文主要讲解在java环境下使用jQuery进行JSON数据传送的交互过程

参考根据作者的账务管理系统(个人版) 源码下载 讲解
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 实例解析java + jQuery + json工作过程(登录)

无觅相关文章插件,快速提升流量

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于JavajQuery开发企业RIA应用

More Posts - Website

Page 1 of 212