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 是一套基于 ...

總結

以上是生活随笔為你收集整理的c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。