上一篇 Bootstrap自定义文件上传下载样式（//www.gxlcms.com/article/85156.htm）已经有一段时间了，一直在考虑怎么样给大家提交一篇完美的逻辑处理功能。现在我结合自己的实际工作给大家分享一下。 使用的技术有jquery.form.js框架， 以及springmvc框架。主要实现异步文件上传的同时封装对象，以及一些注意事项。 功能本身是很简单的，但是涉及到一些传递参数类型的问题。例如：jquery的ajax方法与jquery.form.js中的ajaxSubmit方...
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ，然后在此基础上增强样式，因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是， jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式，因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种： （1）文本输入框， type="text" 标记的 input 元素会自动增强为 jQuery Mobile 样式...
一.jQuery Mobile 的渐进增强设计与浏览器支持 根据维基百科（ Wikipedia ） 的解释，渐进增强的设计主要包括以下几点 basic content should be accessible to all web browsers （所有浏览器都应能访问全部基础的内容）basic functionality should be accessible to all web browsers （所有浏览器都应能访问全部基础的功能）sparse, semantic markup contains all content （所有的内容应该在少量语义标签内）enhanced layout is...
使用的技术有jquery.form.js框架， 以及springmvc框架。主要实现异步文件上传的同时封装对象，以及一些注意事项。功能本身是很简单的，但是涉及到一些传递参数类型的问题。例如：jquery的ajax方法与jquery.form.js中的ajaxSubmit方法的参数，具体细节将在下一篇博客中分享。重点： html表格三要素： action="fileUpload/fileUpload" method="post" enctype="multipart/form-data";1. 最简单的表单直接提交html代码：<body> <form a...
jQuery使用有一段时间了，但是有一些API的实现实在想不通。小编参考相关资料源码，现在把我的学习过程和收获分享给大家。 下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~//匿名立即执行函数 //.防止污染全局空间 //.选择性保护内部变量 (function(window, undefined){ //第二参数undefined设置而不传的原因： // 外部发生这种情况:var undefined = 时，undefined会被篡改 // 设置第二参数而不传，则undefined就会被重...
json作为一种轻量级的数据交换格式，在前后台数据交换中占据着非常重要的地位。Json的语法非常简单，采用的是键值对表示形式。JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序，也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法的，而json语法又是 javascript语法的子集...
AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML CSS JavaScript / DOM 如果您希望首先学习这些项目，请在我们的首页访问这些教程。 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可...
jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation 一、导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script>注：<%=request.getContextPath() %>返回web项目的根路径。 二、默认校验规则 (1)、required:true 必输字段 (2)、remote:"r...
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。 浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是，结构不复杂的时候还好，结构一复杂，就想...
1.国产jQuery UI框架 (jUI) DWZDWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。 在线演示地址：http://j-ui.com http://runjs.cn/detail/x9c7d6qb 2.jQuery的界面插件 Ninja UIjQuery 是一个非常优秀的 JavaScript 框架，而且还有相当多...
如下所示： 代码如下:var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江", 34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北", 43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川" ,52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海", 64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} ...
以前做界面是用jquery的，现在因为要用许多ajax效果，改用了rails自带的prototype 因为jquery用多了，换个框架也大同小异，不过细节上有很多不同。。。 1.dom加载方面: jquery有dom ready方法，推迟js函数的绑定知道dom树完成（如果没有这个功能，一些element的事件函数之类的绑定可能会出错）: $(document).ready(function(){}); 但是prototype是没有的。。。得自己找非官方的扩展，不方便，这个基本的功能，这么重要的功能，...
由于datagrid接收数据为Json格式，所以我们在前台展示数据的时候会出现问题，尤其是时间格式，在Json序列化之后，前台无法展示正确的时间数据，那么我们如何解决这样的问题呢？首先我们可以使用datapattern.js来解决这个问题：无需废话，直接上代码：<script src="Scripts/datapattern.js" type="text/javascript"></script>代码如下://列表初始化function initTable(searchWhere) {$(#tt).datagrid({url: /UserInfo/GetAllUserInf...
今天说说这个datagrid框架的基本使用，这个框架一直以来都是大家比较头疼的框架，尤其是Json数据的拼接，后台前台都很重要，使用这个框架，最重要的是仔细：无需废话，上代码了： 代码如下:<link href="jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" type="text/css" /><!--easyui最全的样式包也可单独引用你想使用的样式包--><link href="jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" type="text/...
layout就是一个布局面板： 也就是布局的容器，有五个布局区域：北部，南部，东部，西部和中心。其中中心区域面板是必需的，但中心区域面板边缘区域面板是可选的。通过拖动它的边框，面板，可以调整每一个边缘地区。可以嵌套的布局，以便用户可以建立复杂的布局。 如果想要各个区域中的框架随框架的大小改变，请嵌套到layout框架中； 代码如下:<script type="text/javascript"> //split属性：如果设置为true将显示一个分隔条...