(jsp需要引入 ：jquery-1.9.0.js、jquery.form.js ) ，jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！ (参考文献：http://www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一：web (add.jsp) 代码如下: pageEncoding="utf-8"%> 注册商圈 response.setCharacterEncoding("utf-8");//这...
功能：省，市，地区三级联动，采用jquery ajax 取数据绑定，页面刷新或提交后选定值能保存并保持选中状态 把以下代码放在一个单独的js文件中，在页面上引用即可调用 代码如下://获取cookie值function readCookie(name) { var cookieValue = ""; var search = name + "="; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.l...
看到一个不错的jquery插件，可拖动DIV，顺序可保存到数据库的一个实例：这里就以其中PHP实例简单说明一下： 代码如下://post到后台的数据 if ($_POST) { $ids = $_POST["ids"]; for ($idx = 0; $idx $id = $ids[$idx]; $ordinal = $idx; //... } return; } ?> 代码如下: body { font-family:Arial; font-size:12pt; pa...
这个方法网上可以查到很多，但是好多只有点击文字编辑并保持，但是没有完整的代码写怎么保存到数据库。因为本人才疏学浅，费啦好长时间才写好把修改的内容只用一条sql语句保存到数据库，今天在这里和大家分享 这是运行图片 这是前台页面 03.aspx页面 代码如下: 订单名称： 产品类型: 状态: 印量: 收货信息: 总金额: 这是js 03.js 代码如下: $(function () { //获取class为caname的元素...
代码如下: cookies.html .txt{ width: 150px; height:20px; border: 1px blue solid; border-radius:0.5em; margin-bottom: 5px; padding-left: 5px; } $(function(){ if($.cookie("name")){ //取值如果存在则赋值 $("#username").val($.cookie("name")); } $("#mycookie").submit(function(){ //如果选中了保存用户名选项 if($("#chkSave").is(":checked")){ //设置Cookie值 $.cookie("name",$("#username").val(),{ e...
像这种页面，我们往往不是通过提交表单来处理这些数据，因为如果在后台去遍历处理这些大量的数据是非常繁琐的；比较好的做法是在前台页面中将数据以对象形式保存在json中，然后在后台直接将json转换成我们需要的对象，这样我们的直接可以处理对象了！ 添加按钮 代码如下: table id是pswd_basic_fill_template 添加方法 代码如下: function addRowForPswdBasicFillTemplate(tid){ var applyAreaOptionStr = $(#applyAreaOptionS...
以下是源代码： 代码如下: jquery实现页面皮肤切换并保存 //$(function(){ var $li =$("#skin li"); $li.click(function(){ switchSkin( this.id ); }); var cookie_skin = $.cookie( "MyCssSkin"); if (cookie_skin) { switchSkin( cookie_skin ); } }); function switchSkin(skinName){ $("#"+skinName).addClass("selected") //当前元素选中 .siblings().removeClass("selected"); //去掉其它同辈元素的选中 $("#css...
1介绍 功能要求： 1 选择用户界面以弹出框方式显示 2 页面选项动态加载（部门及用户） 3 保存勾选的用户 实现分析： 保存已选用户逻辑： 删除原来已选择的用户记录列表（相当于清空操作） 添加新选择用户记录列表 页面1 保存共享文件// 保存共享文件function shareFile(){// 参数var signid = chooseObj.id;var objtype = chooseObj.type;var userlist = "";$("input[name=shareUserId]").each(function(){// 此时的this 就是那个 ...
想拖动页面上的层，完全可以用jQuery ui的Draggable方法来实现，那如何将拖动后层的位置保存下来呢？本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery，实现随意拖动层并即时保存拖动位置。之前我有文章：，文中以项目为示例，讲解了实现拖动布局的方法。本文与之不同之处在于可以任意拖动页面位置，原理就是通过拖动将拖动后层的相对位置left,top和z-index三个参数更新到数据表中对应的记录，页面通过CSS解析每个层不同的位置...
本例适用场景：当查看详细资料，如用户详情信息，发现其中某几个字段信息需要修改，可直接点击该字段内容进行修改，节约了用户时间，（传统的做法是进入一个编辑页面，列出所有编辑的字段信息，即使你只需要编辑其中一两个字段内容，然后点击提交）提高了WEB响应速度，从而提高了前端用户体验。本例依赖jquery库，并基于插件，具有以下特点： 实时编辑，后台实时响应，并即时完成局部刷新。 可自定义输入表单类型，目前jeditable提...
最近的项目中涉及到了用户个性化定制首页的需求，用户要求可以随意拖动首页模块的位置，来实现个性化的布局。本文讲解如何使用和PHP实现拖动布局并将拖动后的布局位置保存到数据库。很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种c...
想拖动页面上的层，完全可以用jQuery ui的Draggable方法来实现，那如何将拖动后层的位置保存下来呢？本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery，实现随意拖动层并即时保存拖动位置。本文原理就是通过拖动将拖动后层的相对位置left,top和z-index三个参数更新到数据表中对应的记录，页面通过CSS解析每个层不同的位置。请看具体实现步骤。 准备MySQL数据表 首先需要准备一张表notes，用来记录层的内容，背景色和坐标等信息...
废话不多说，直接给大家贴代码了。 具体代码如下所示：点击按钮文字变成input框，点击保存变成文字table{ text-align: center; font-size: 14px;}table>thead>tr>th{ font-weight: normal;}.text-right{ padding-right:73px; text-align: right;}.text{ width: 50px; height: 30px; border: 1px solid #ddd; text-align: center;}品名件数iPhone6s2小米55修改function change(obj){var xg=$(obj).html();if(xg=='修改'){$('.edit')...
本文介绍了jQuery 实时保存页面动态添加的数据的示例，分享给大家，具体如下： 需求：用户填写的东西，必须要实时保存 分析：监听用户操作事件，如：change、keyup 等，向后端发送请求 实际情况： 用户填写的表单，是通过 JavaScript 动态新增的，这就需要使用为动态新增元素绑定事件。发送请求给后端，取决于前面的必填项是否已经完整填写。必须区分用户是动态新增了填写栏目呢？还是在修改？当前事件对象是什么？怎么通过该对象获...
jqueryUI sortable 可以用来进行页面拖拽布局，然而有一个小问题就是拖拽后如何保存状态。 工作中遇到了这个情况，遍把这个问题记了下来，具体思路是： 利用拖拽stop后利用 var arr = $( ".sortable" ).sortable(toArray);记录拖拽后的id数组顺序，然后把这个数组存起来，可以存cookie,数据库，localstorage等，刷新页面后读取这个数组，然后进行重新排序。具体的代码如下可直接复制运行。本文将数组保存在localstorage里面。 <!d...