springmvc 下拉框 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代码中动态写进去

这样的结 ...

随机推荐

java基础4&lowbar;字符串

一 字符串 Java字符串关键字是String,是一个类,创建新的字符串即创建一个新的对象. 1.字符串的声明及初始化. String str; //只做声明 String str1="aa ...

PHP中file&lowbar;put&lowbar;contents追加和换行

在PHP的一些应用中需要写日志或者记录一些信息,这样的话.可以使用fopen(),fwrite()以及 fclose()这些进行操作.也可以简单的使用file_get_contents()和file_ ...

cmd 连接到指定路径

cmd 刚刚打开的时候默认路径可能不是自己想要的路径的时候,如何转到自己希望的路径,方法如下: 1.首先敲下想存的硬盘符:D:   2.敲下 cd+文件路径:   总结:其实这次只是简单测试一下上传图 ...

sql -以零作除数

将表达式改为: case when b=0 then 0 else a/b end

Netbeans8下 Weblogic EJB案例

1:接口 @Remote public interface XgmZzsNssb {} 2:实现 @Stateless(mappedName="XgmZzsNssbImpl") @ ...

PHP - 判断php是否对表单数据内的特殊字符自动转义

get_magic_quotes_gpc 有两个返回值: 0:在php.ini文件中已经关闭自动转移. 1:在php.ini文件中已经开启自动转移. 由此函数进行判断表单是否转移: /** * * m ...

kaldi的TIMIT实例三

============================================================================ MMI + SGMM2 Training &a ...

MySQL数据库优化&lowbar;limit&lowbar;2

limit豫union一起使用时的优化 cp_order_exit数据行数:142951 cp_order_exit_led数据行数:20876 查询:这条 查询将会把 cp_order_exit中的 ...

spring &commat;Transactional注解参数详解

事物注解方式: @Transactional 当标于类前时, 标示类中所有方法都进行事物处理 , 例子: @Transactional public class TestServiceBean imp ...

《Linux内核分析》第二周：操作系统是如何工作的

杨舒雯 20135324 北京电子科技学院 杨舒雯 原创作品转载请注明出处 MOOC课程http://mooc.study.163.com/course/USTC-1 ...