c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式

Insert title here

//ajax+select三种常用交互方式

window.οnlοad=function(){

test();

}

function test(){

alert("执行");

var start = 0;

var size=100;

var headNo = "111111";

$.ajax({

type : "post",

url : "/ssm_pms/admin_group/list", //此次url改为真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

loadData(data.hotelChainList);

},error:function(){

alert("error");

}

});

var loadData=function(list){

for (var i = 0; i < list.length; i++) {

$("#hotelNo").append(""+list[i].hotels[0].hotelName+"")

}

}

/* $.ajax({

type : "post",

url : "/ssm_pms/admin_group/list", //此次url改为真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

$.each(data.hotelChainList, function(index, item) {

$("#hotelNo").append( //此处向select中循环绑定数据

"" + item.hotels[0].hotelName+ "");

});

},

}); */

/* $.ajax({

type : "post",

url :"/ssm_pms/admin_group/list", //此次url改为真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

alert(data.returnMsg);

var list = data.hotelChainList;

for (var i = 0; i < list.length; i++) {

alert(list[i].hotels[0].hotelNo)

$("#hotelNo").append(""+list[i].hotels[0].hotelName+"")

}

},error:function(){

alert("error");

}

}); */

}

请选择酒店

上述三种方式，本人亲试有效，这个是比较常用的，特别是前后端交互，就拿酒店管理系统而言，部门员工等就涉及到下拉框联动，当然还有很多应用场景。

后台代码为Java代码，SpringMVC，这是web层框架，也是现在比较常用的，非常有名的。

SpringMVC代码为:

/**

* 查询集团下酒店店长信息及其角色信息

* @param start

* @param size

* @param headNo

* @param map

* @return

*/

@PostMapping(value="managerList",produces="application/json;charset=utf-8")

@ResponseBody

public String managerList(Integer start,Integer size,String headNo,Map map) {

//角色编号为3 店长

String roleNo="3";

map.put("headNo", headNo);

map.put("roleNo", roleNo);

map.put("start", start);

map.put("size", size);

//调用查询集团下酒店店长信息及其角色信息集合方法

List hotelChainList = hotelChainService.selectManagerInfoList(map);

int lines = hotelChainService.selectManagerCount(map);

//调用查询集团下酒店店长信息及其角色信息总数方法

Map returnMap = new HashMap();

//根据判断结果返回不同结果集

if(lines!=0 && hotelChainList.size()!=0) {

returnMap.put("hotelChainList", hotelChainList);

returnMap.put("lines", lines);

returnMap.put("returnCode", "000000");

returnMap.put("returnMsg", "获取到数据");

}else {

returnMap.put("returnCode", "111111");

returnMap.put("returnMsg", "没有获取到数据");

}

return JSON.toJSONString(returnMap);

}

非常实用的select下拉框-Select2&period;js

在Web开发中,Select下拉框是常用的输入组件.由于原生的Select几乎很难通过CSS样式控制.一些好看的Select下拉框就只能通过模拟来实现.PHP程序员雷雪松给大家推荐一筐款不错的Sele ...

在element-ui的select下拉框加上滚动加载

在项目中,我们需要运用到很多来自后端返回的数据.有时是上百条,有时甚至上千条.如果加上后端的多表查询或者数据量过大,这就导致在前端的显示就会及其慢,特别是在网络不好的时候更是如此. 自然,后端就做了一 ...

select下拉框之默认选项清空

最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...

带搜索框的select下拉框

利用select2制作带有搜索功能的select下拉框 1.引入线上css和js

layui给select下拉框赋值

转: layui给select下拉框赋值 layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function ...

s&colon;select下拉框validation验证

S:select下拉框验证:

自定义样式的select下拉框深入探索

第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去

这样的结 ...

随机推荐

2016HUAS&lowbar;ACM暑假集训4D - 计数，排列

一个错排公式的基础应用. 大致题意:求n个数的错误排列方式.(每个都要错) 在这里先贴一下错排公式:D(1)=0:D(2)=1:D(n)=(n-1)*(D(n-1)+D(n-2)) 它的推导也非常有意 ...

Hibernate多对多关系映射&lpar;建表&rpar;

下边讲述Hibernate多对多关系映射. 多对多关系的表的结构为: 两个实体表,还包含一个关系表,关系表为复合主键,如果要使用Hibernate多对多关系映射,则关系表必须只包含两个字段,如果生成了 ...

SQL 基本语句

1.修改sa账户密码 在查询分析器中执行如下语句: sp_password Null,'teracypwd','sa' 把SA的密码设为"teracypwd" 执行成功后有&quo ...

ubuntu 图形界面查看隐藏文件

在 Linux 下以 . 开头的文件或文件夹为隐藏文件,在图形界面(nautilus)下可用 CTRL + H 显示隐藏文件,终端下者可以用 ls -a 显示所有文件.

第一次听到了docker

1.今天工作中,同时要我给应用申请3个docker,因为之前是一直在做开发,部署就在tomcat里面测试,下来搜素了一下,发现docker和maven类似,不过docker是环境的一个快照,因为之前开 ...

css引入讲解及media

引用Css的几种方式: 一.@import

centos ios镜像文件 安装详细

1.挂载iOS镜像(先打开VM 选择虚拟机---->设置-->CD ---->使用ISO镜像文件 用浏览打开) 2.开始界面选择 3出现下面的界面 这是提示你是否扫描文件的完整性 我 ...

MySQL 高效查询

在“现场加号&预约排队”项目中,“号贩子排查任务”在线下测试的时候没有问题,但是线上后,由于线上的数据量较大,导致在执行查询的时系统崩溃:后来经过查找,发现写的sql不合理,查出了许多用不到的 ...

深入剖析Redis系列：Redis数据结构与全局命令概述

前言 Redis 提供了 5 种数据结构.理解每种数据结构的特点,对于 Redis 的 开发运维 非常重要,同时掌握 Redis 的 单线程命令处理 机制,会使 数据结构 和 命令 的选择事半功倍. ...

转发 ----&gt&semi; 2018年阿里巴巴重要开源项目汇总(持续更新中)

转发自segmentfault  https://segmentfault.com/a/1190000017346799 前端 1.数据驱动的高交互可视化图形语法 AntV - G2 G2 是一套基于 ...