- 浏览: 1985741 次
- 性别:
- 来自: 哈尔滨
文章分类
- 全部博客 (188)
- java基础 (22)
- 经验+注意 (39)
- Oracle (34)
- javaScript (28)
- jquery (24)
- iBatIS (11)
- hibernate (8)
- struts1.x (1)
- spring (1)
- SVN (1)
- myeclipse (12)
- jbmp工作流 (1)
- 其他 (22)
- 杂谈 (4)
- struts2 (5)
- css (4)
- 正则表达式 (2)
- jstl标签 (4)
- Java Tree (2)
- Jboss (1)
- json (1)
- HttpURLConnection (1)
- Apache commons工具包 (1)
- groovy+grails (2)
最新评论
-
q2425533:
Java字符串倒序输出 + 数组的排序 -
变脸小伙:
今天也跟着学习了,用到了
struts2拦截器 获得请求方法名+获得请求参数 -
tuspark:
讲解的很不错。URLConnection类的内容也可以看这篇文 ...
HttpURLConnection详解 -
wolf746773350:
...
window.location.href/replace/reload()--页面跳转+替换+刷新 -
wolf746773350:
[/flash]
window.location.href/replace/reload()--页面跳转+替换+刷新
Jquery AJAX操作时,传data一般分为两种:1.合成json字符串当做data传值。 2.将form序列化为json字符串传值
一、序列化表单拼接Url字符串
有时需要超链接请求Action,不提交表单。但是还想要表单中的数据,
可以使用$("#searchForm").serialize()序列化表单,然后合成url请求。
function openBatchAllUpdate(){ var param = $("#searchForm").serialize();//form序列化 $.hpDialog.open("Commission_batchAllUpdateCommission?initLoadMethod=true&"+param); }
二、注意:实例配合了artDialog
1.合成json字符串当做data传值
<script type="text/javascript"> $(document).ready(function() { var viewdialog; <% List<Map> list; if((list=(List<Map>)request.getAttribute("myList"))!=null){ for(int i=0; i<list.size();i++){ %> /*移动*/ <% if("10".equals(list.get(i).get("RB1"))){ %> $("#closeYidong<%=list.get(i).get("PROVINCECODE")%>").click(function(){ <% } else{ %> $("#openYidong<%=list.get(i).get("PROVINCECODE")%>").click(function(){ <% } %> var subdialog = $.dialog.open('productManager_openUpdate',{ window:'top', width: '30em', height: 100, title:'修改冲正状态', border:false, lock: true, left:'center', content:'', yesText:'确定', noText:'返回', yesFn: function(iframeWin, topWin){ <% if("10".equals(list.get(i).get("RB1"))){ %> var selRollBack='11'; <% } else{ %> var selRollBack='10'; <% } %> var selOperatorsCode = '<%=list.get(i).get("OP1")%>'; var PROVINCECODE = '<%=list.get(i).get("PROVINCECODE")%>'; var pass2 = iframeWin.document.getElementById('pwd').value; var reg = /^[\w]{1,}$/; if (pass2 == "") { view("业务密码不能为空!"); return false; } else if (!reg.test(pass2)) { view("请输入合法的业务密码!"); return false; }else{ var aj = $.ajax( { url : 'productManager_reverseUpdate',// 跳转到 action data : { selRollBack : selRollBack, selOperatorsCode : selOperatorsCode, PROVINCECODE : PROVINCECODE, pass2 : pass2 }, type : 'post', cache : false, dataType : 'json', success : function(data) { if(data.msg =="true" ){ // view("修改成功!"); alert("修改成功!"); window.location.reload(); }else{ view(data.msg); } }, error : function() { // view("异常!"); alert("异常!"); } }); } }, noFn: function() { } }); }); <%}}%> }); function view(str){ viewdialog = $.dialog({ window:'top', title:false, border:false, lock: true, content:str, yesFn: function(){ } }) } </script>
2.将form序列化为json字符串传值
/*全部修改价格策略*/ function allUpdateMethod(batchState) { var subdialog = $.dialog.open('productManager_openUpdate',{ window:'top', width: '30em', height: 100, title:'批量修改产品状态', border:false, lock: true, left:'center', content:'', yesText:'确定', noText:'返回', yesFn: function(iframeWin, topWin){ $("#batchState").val(batchState); var pass2 = iframeWin.document.getElementById('pwd').value; $("#pass2").val(pass2); var fromToJson = $("#form1").serialize();//序列表表格内容为字符串,用于 Ajax 请求。 var reg = /^[\w]{1,}$/; if (pass2 == "") { view("业务密码不能为空!"); return false; } else if (!reg.test(pass2)) { view("请输入合法的业务密码!"); return false; }else{ var aj = $.ajax( { url : 'productManager_batchUpdate',// 跳转到 action data : fromToJson,//form表单转成json数据 type : 'post', cache : false, dataType : 'json', success : function(data) { if(data.msg =="true" ){ // view("修改成功!"); alert("修改成功!"); window.location.reload(); }else{ view(data.msg); } }, error : function() { // view("异常!"); alert("异常!"); } }); } }, noFn: function() { } }); } /*提示信息*/ function view(str){ viewdialog = $.dialog({ window:'top', title:false, border:false, lock: true, content:str, yesFn: function(){ } }) }
页面jsp调用
<input type="button" id="allOpen" value="全部开启" class="btn" onclick="allUpdateMethod('10')"/> <input type="button" id="allClose" value="全部关闭" class="btn" onclick="allUpdateMethod('11')"/>
发表评论
-
即时搜索的input和propertychange方法
2018-01-16 16:59 1734做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜 ... -
java获得系统盘符(Windows、linux自动切换)
2017-12-22 16:08 2421做文件读写时,本机开发是windows系统,但服务器是li ... -
mysql 时间列自动插入当前日期时间
2012-05-09 13:46 3165用current_timestamp,不过这个默认值 ... -
java switch的使用+switch用String作为条件
2012-03-23 16:58 67389一、java switch的基本使用: /* int参数的s ... -
Java字符串倒序输出 + 数组的排序
2012-03-08 18:06 9344一、Java字符串倒序输出 方法一:利用 ... -
HTML转义字符
2012-02-23 14:53 2717HTML字符实体(Character Entit ... -
jQuery Ajax 实例 ($.ajax、$.post、$.get)
2012-02-09 10:43 300902Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦, ... -
checkbox加onClick事件,ajax异步请求后台,$.ajax
2012-02-08 17:02 6809XXX平台要实现一个功能,公告弹出页面上使用复选框设置不再通知 ... -
jquery显示、隐藏div的方法
2012-01-16 13:27 23584###例子 $("#top_notice" ... -
js限制文件上传类型
2012-01-16 11:24 2279var name = $('#file').val(); v ... -
jquery 二级联动
2012-01-09 14:35 1268jquery 二级联动 -
Random()随机数+随机切换图片
2011-12-13 14:55 3167一、Random()随机数 转自:http://bl ... -
Request对象各种获得路径的方法+Request对象各种方法(.getRemoteAddr)
2011-12-13 14:43 9702用jboss发布的工程,测试request对象返回路径的方法, ... -
HttpURLConnection与URL---接口的应用
2011-11-26 10:14 1868一版XXX中的更新内存的接口应用: 一、定义一个有返回 ... -
ibatIS的<dynamic prepend="WHERE">原理,是判断前一个AND字母是否存在
2011-10-31 17:51 24862今天付出了惨痛的代价,调sqlMap文件调了一下午,杯具啊!! ... -
session详细解析(是否过期、失效时间)
2011-10-26 15:22 11271Session一直是我们做web项 ... -
insert into (select from)表复制+select into from表复制
2011-10-18 17:20 12120Insert INTO table(field1,field2 ... -
jsp、js、<a>的访问方式(绝对路径+相对路径)
2011-10-17 17:38 32948一、项目中应用: 1.PrivInterceptor ... -
jquery.cookies.2.2.0+半小时后自动跳转至sessionView.jsp提示session过期
2011-10-15 13:15 2823详细方法说明参见:http://code.google.com ... -
struts2拦截器 获得请求方法名+获得请求参数
2011-10-14 16:15 24415SSI框架为基础开发的,hulian平台 struts2拦截 ...
相关推荐
jQuery.serialize()是一个非常实用的方法,用于将表单中的数据序列化成URL编码的字符串。这个方法会自动收集表单中的输入元素,并将它们转换为“name=value”对的形式,然后再将这些对拼接成一个字符串,通过&符号...
在JavaScript编程领域中,"sendForm.js-Serialize.js"很可能是一个用于序列化表单数据的库或脚本。序列化是将HTML表单中的数据转换为URL编码字符串的过程,这在进行Ajax请求或者发送POST数据时非常常见。下面将详细...
这种方式适用于少量数据传输,将表单数据拼接成 URL 查询字符串并附在 AJAX 请求的 URL 后面。例如: ```javascript $.ajax({ type: "POST", url: "ajax.jsp?param1=value1¶m2=value2", success: function...
2. 如果需要序列化表单数据作为字符串发送,可以使用 serialize() 方法,并将序列化后的字符串作为 'data' 参数传递。 3. 当需要拼接 URL 或数据发送时,可以直接构造字符串赋值给 'url' 或 'data' 参数。 需要注意...
4. `serializeArray()`返回的是一个JavaScript对象数组,而`serialize()`返回的是一个URL编码的字符串,可以直接用于Ajax请求。 5. 为了处理更复杂的场景,可以结合使用这两个方法,比如先用`serializeArray()`获取...
3. jQuery提供了序列化表单数据的两种方法:serialize()和serializeArray()。 - serialize()方法会把一个表单内的元素编码成一个URL查询字符串,这对于处理表单数据和发送GET请求非常有用。该方法会自动处理表单中...
在Web前端开发中,我们经常需要处理...这种方法在处理复杂表单和大量数据时,比手动拼接字符串更加高效且易于维护。在实际项目中,可以结合Ajax方法,将这些JSON对象发送到服务器端进行处理,从而实现异步数据交互。
当我们有form表单而且里面...功能:将表单内容序列化成一个字符串。 这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $(“form”).serialize() 即可。 2.serializeArray()方法 格式:var
JQuery中的serialize()方法主要用于通过序列化表单元素集合的值,创建一个标准的URL编码文本字符串。这种编码方式是为了能够在生成AJAX请求时将数据包含在URL查询字符串中。serialize()操作的对象是代表表单元素集合...
2. 序列化表格内容为字符串的异步请求: ```javascript function noTips() { var formParam = $("#form1").serialize(); $.ajax({ type: 'post', url: 'Notice_noTipsNotice', data: formParam, cache: ...
4. **数据格式化和序列化**:在发送评论到服务器之前,可能需要将表单数据序列化为JSON或URL编码格式。jQuery提供`.serialize()`方法方便地完成这一过程。 5. **动画效果**:jQuery强大的动画功能可以用于创建视觉...
// 序列化表格内容为字符串 $.ajax({ type: 'post', url: 'Notice_noTipsNotice', data: formParam, cache: false, dataType: 'json', success: function(data) { // 处理返回的数据 } }); } ``` 这种...
但在使用jQuery时,可能会使用`serialize()`或`serializeArray()`方法对表单数据进行序列化。`serialize()`方法返回查询字符串,而`serializeArray()`方法返回的是一个对象数组,每个数组元素是一个包含`name`和`...
jQuery 序列化是一种将 HTML 表单数据转换为 URL 编码字符串的方法,常用于提交表单数据到服务器。在网页开发中,尤其是使用 jQuery 框架时,序列化是处理用户输入数据和与服务器交互的重要手段。在给定的“jquery_...
06 百分号字符串拼接 07 format字符串格式化 08 数学意义的函数与python中的函数 09 为何要有函数 10 函数返回值 11 可变长参数 第15章 01 上节课复习 02 全局变量与局部变量 03 风湿理论之函数即变量 04 函数递归...