ajax 二级联动与springmvc 交互
html 测试可以使用
<div class="pageButton" style="height: 60px;margin: 10px;line-height: 30px;">
<form id="pageform" action="${basePath}/back/userChannel/list.action" method="post">
<input type="hidden" id="currentPage" name="currentPage"/>
登录名:<input type="text" name="userChannel.loginName" value="${userChannel.loginName}"/> 通道类型:<select name="userChannel.type" id="type">
<option value="">全部</option>
<option value="">京东钱包</option>
<option value="">QQ</option>
<option value="">微信</option>
<option value="">支付宝</option>
<option value="">H5</option>
<option value="">银联二维码</option>
<option value="">快捷支付</option>
<option value="">代付</option>
</select>
通道:<select name="userChannel.channelId" id="channelId">
<option value="">全部</option>
<s:iterator value="tchannelList">
<option value="${code}" <s:if test="userChannel.channelId == code">selected="selected"</s:if>>${name}</option>
</s:iterator>
</select>
js:
//异步请求经数据写入下拉选中
$(function(){
//二级联动异步请求将数据写入下拉选
$("#type").change(function(){ var obj = $("#type option:selected");
var payType = obj.val();
alert(payType);
var channelId=$("#channelId");
//=============
$.ajax({
type:'post',
url:'queryTchannelList.action',
data:'userIds='+payType,
dataType:'text',
success:function(msg){
$("#channelId").empty();
var jsons =JSON.parse(msg);//需要将返回json字符串转换成json对象以后遍历
for(var i = ; i < jsons.length; i++) {
alert(jsons[i].name);
channelId.append('<option value="'+jsons[i].id+'">'+jsons[i].name+'</option>');
} },
error:function(){
alert("获取通道列表失败!!!!!");
//alert("操作出错,请与管理员联系!");
}
});
});
});
ajax 二级联动与springmvc 交互的更多相关文章
- asp.net DropDownList无刷新ajax二级联动实现详细过程
只适合新手制作DropDownList无刷新ajax二级联动效果: 数据库实现,添加两表如图:表1,pingpai,表2,type,具体数据库实现看自己的理解: //页面主要代码: <asp:S ...
- 份-城市,基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】
package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import j ...
- Asp.Net下,基于Jquery的Ajax二级联动
最近做一个项目,要求实现二级联动效果.背景为:通过学院的选择,联动出专业选项.起初想直接用微软的控件实现Ajax效果,但是DropDownList控件会自动触发PostBack,在后台根本就不好控制, ...
- ajax二级联动代码实例
//二级联动 $(function () { var _in_progress = false; function check_in_progress() { if (_in_progress == ...
- Ajax二级联动简单实例
效果图: 图1 图2(浙江省内存在山东省的数据,原因是先前加入的数据未删除) 思路:通过下拉省份,将省份id传入后台,根据省份塞入相应省份的市的数据,将市的数据再次传回前端 前端HTML及JS代码: ...
- js-day04--Ajax应用--二级联动
Ajax概述和实用需求 Ajax介绍/阿贾克斯:一.Ajax不是一项具体的技术,而是几门技术的综合应用. Javascript.XHTML和CSS.DOM.XML和XMLHttpRequest.二.A ...
- AJAX二级下拉联动【XML方式】
AJAX二级下拉联动案例 我们在购物的时候,常常需要我们来选择自己的收货地址,先选择省份,再选择城市- 有没有发现:当我们选择完省份的时候,出现的城市全部都是根据省份来给我们选择的.这是怎么做到的呢? ...
- 通过Ajax异步提交的方法实现从数据库获取省份和城市信息实现二级联动(xml方法)
之前有写过是从JavaScript数组里获取省市信息来实现二级联动,但是似乎有很多需求是要从数据库里获取信息,所以就需要根据异步提交,局部刷新的思想来实现来提高用户交互问题 第一种方法是xml方法 1 ...
- Spring MVC中Ajax实现二级联动
今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下. 后台Controller: @RequestMapping("/faultType") @ResponseBody p ...
随机推荐
- 【ELK】4.spring boot 2.X集成ES spring-data-ES 进行CRUD操作 完整版+kibana管理ES的index操作
spring boot 2.X集成ES 进行CRUD操作 完整版 内容包括: ============================================================ ...
- hdu2444The Accomodation of Students (最大匹配+推断是否为二分图)
The Accomodation of Students Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Jav ...
- .NET:使用 XPATH 读取有 xmlns 属性的 XML 文档出现的问题
问题 xml <sqlMap namespace="WHTR.Dao.Accounts" xmlns="http://ibatis.apache.org/mappi ...
- [UI] 精美UI界面欣赏[13]
精美UI界面欣赏
- Kubernetes基础
Kubernetes是什么 Kubernetes是当今最流行的开源容器管理平台,它就是大名鼎鼎的Google Borg的开源版本.Google在2014年推出了Kubernetes,本文发布时最新的版 ...
- SVG.js 文本绘制整理
1.SVG.Text var draw = SVG('svg1').size(300, 300); //画文字内容展示 //var text = draw.text('中文内容测试\n换行处理'); ...
- 我的Java学习推荐书目
一直有这么个想法,列一下我个人认为在学习和使用Java过程中可以推荐一读的书籍,给初学者或者想深入的朋友一些建议,帮助成长.推荐的的都是我自己读过,也会推荐一些朋友读过并且口碑不错的书籍. 一.基础类 ...
- Chapter 6 -- Caches
CachesExplained Explanation for how to use Guava caches. explained Updated Jun 4, 2013 by lowas...@g ...
- 支付宝 iphone6 指纹验证失败
重启 iphone6 就可以了. 再次打开 支付宝 那个 指纹功能,就有一个弹出框 可以按指纹了.
- Linq to Sql并发冲突及处理策略
0. 并发冲突的示例 单用户的系统现在应该比较罕见了,一般系统都会有很多用户在同时进行操作:在多用户系统中,涉及到的一个普遍问题:当多个用户“同时”更新(修改或者删除)同一条记录时,该如何更新呢? ...