jsp实现checkbox的ajax传值实例
2015-02-26 00:00
706 查看
本文实例讲述了jsp实现checkbox的ajax传值用法。分享给大家供大家参考。具体分析如下:
今天我想用ajax把选中的所有的chekbox的值全部都传到后台做一个处理,但在后台接收值的时候,我遇到了麻烦,以为没有经过跳转所以request中是没有值的。
查了一下,查到了解决方法,如下
页面代码:
希望本文所述对大家基于jsp的Ajax程序设计有所帮助。
今天我想用ajax把选中的所有的chekbox的值全部都传到后台做一个处理,但在后台接收值的时候,我遇到了麻烦,以为没有经过跳转所以request中是没有值的。
查了一下,查到了解决方法,如下
页面代码:
<input type="checkbox" name="atitle" value="历史名胜"><label>历史名胜</label> <input type="checkbox" name="atitle" value="南方故事"><label>南方故事</label> <input type="checkbox" name="atitle" value="职场故事"><label>职场故事</label> <input type="checkbox" name="atitle" value="情感故事"><label>情感故事</label> <input type="chec<A onClick="check();return false;" >提交</A> <script type="text/javascript"> function check(){ var chk_value =[]; $('input[name=atitle]:checked').each(function(){ chk_value.push($(this).val()); }); // chk_value=[历史名胜,南方故事,职场故事,情感故事,传奇解谜] //chk_value应该是这样子. $.ajax({ type: "post", url: convertURL('up-ajx.jsp'), // data: {atitle:$('input[name=atitle]').val()}, //如果是这样子是可以正常传送的.但只能是第一个值. data:'atitle='+chkvalue, //这样好像是不行,现在问题就是出在这里,atitle如何同时等多个值. //up-ajx.jsp里是通过 Request.Form("atitle")来获取的.可果的直接用jsp是可以正常运行的. dataType: "json", error: function(){alert('出错了,您没有选择选项。');}, success: function(msg){ alert(msg) } }); } </script>
希望本文所述对大家基于jsp的Ajax程序设计有所帮助。
相关文章推荐
- jsp实现checkbox的ajax传值实例
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 关于ajax+jsp实现异步校验用户名是否存在的实例(.txt文本)
- JSP + ajax实现输入框自动补全功能 实例代码
- JSP+Servlet+Ajax实现后台异步检验用户信息实例
- 运用JSP+ajax实现分类查询功能的实例代码
- 经典ajax实例-ajax实现输入时的自动提示jsp(转)
- 简单ajax应用实例:ajax+jsp实现用户名验证
- JSP + ajax实现输入框自动补全功能 实例代码
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 经典ajax实例-ajax实现输入时的自动提示jsp(转)
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例
- AJAX与JSF实现带进度条的批量上传文件实例