1. 程式人生 > >下拉列表資料動態載入 springmvc jquery ajax

下拉列表資料動態載入 springmvc jquery ajax

1、Spring-mvc 程式碼如下 :

<!-- 避免IE執行AJAX時,返回JSON出現下載檔案 -->
	<bean id="mappingJacksonHttpMessageConverter"
		class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
		<property name="supportedMediaTypes">
			<list>
				<value>text/html;charset=UTF-8</value>
			</list>
		</property>
	</bean>

	<!-- 啟動Spring MVC的註解功能,完成請求和註解POJO的對映 -->
	 <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
        <property name="cacheSeconds" value="0" />  
        <property name="messageConverters">  
            <list>  
           		 <ref bean="mappingJacksonHttpMessageConverter"/>
            </list>  
        </property>
    </bean>  


 2、Controller 程式碼如下:

@RequestMapping(value="/dynamicSQLBySelect")
	public @ResponseBody List<PriRole> dynamicSQLBySelect(String queryParameter) throws IOException{
		List<PriRole> selectList = null;
		try {
			if (!"".equals(queryParameter) || queryParameter != null) {
				selectList = formSubjectService.dynamicSQL(queryParameter);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return selectList;
	}

3、頁面程式碼如下:

<select name="xxxxxx" id="onSelect"  >
<option value="">==請選擇 ==</option>
</select>

<script type="text/javascript">
		$(document).ready(function() {

			 var url = "formSubjectController/dynamicSQLBySelect.do";
									    $.ajax({
									    	type:"get",
									    	cache:false,
									    	url:url,
									    	data:{queryParameter:'${ptlGlbCfg.queryParameter}'},
									    	error:function(xhr,error,msg){
													alert(xhr);
													alert(error);
													alert(msg);
										    	},
									    	success:function(data){
										    	 var info = '';	
											    	<%--
				  								     $.each(data,function(index,role) { 
				  								      info += "<option value='" + role.roleId + "'>" +  role.roleName + "</option>";
				  								   });--%>
				  								  var temp = eval(data);  
												 for (var i = 0; i < temp.length; i++) {  
												 	info += "<option value='" + temp[i].roleId + "'>" + temp[i].roleName + "</option>";  
												  }  
				  						     $("#onSelect").append(info);
									    	}
									    });

				  				});
				  				</script>


相關推薦

列表資料動態載入 springmvc jquery ajax

1、Spring-mvc 程式碼如下 : <!-- 避免IE執行AJAX時,返回JSON出現下載檔案 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframew

easyui 列表如何動態載入資料

<input class="easyui-combobox" name="yearChoose" id="yearChoose" data-options="valueField:'id',textField:'text'"/> $(funct

幾種常用的列表動態載入和選中寫法

前端開發中,常用的幾種下拉框方式,包括:easyui中的combobox,combo,html中的select標籤<select></select>,struts2標籤:<

bootstrap-select搜尋外掛 動態載入自己資料的二級聯動

bootstrap-select是boot的下拉搜尋外掛,使用的時候有時我們需要動態從後臺 或者 直接載入動態資料。下面是根據一級下拉選單,動態載入二級聯動方式。首先引入js與css檔案(一個css兩個js)<link rel="stylesheet" href="cs

樹狀combotree的動態載入

用的是easyui的combotree外掛 先貼效果 當返回的節點的state為open時說明他是有下級資料的,否則就是節點資料, 每次點選上級的時候,上級節點展開之前,他會根據上級的id取請求他的下級資料,如果有資料,展開後會把資料自動填充為他的下級即children:屬性,依次

poi匯出列表,解決列表資料過多問題

// 傳入下拉列表陣列值,構造資訊模板 public static Workbook generateExcel(String[]typeArrays) {     Workbook wb = new XSSFWorkbook();     // 建立模板工作表     Sh

jQuery_wuui select 列表 資料渲染

<div class="weui-cells" style="margin-top: 0"> <div class="weui-cell"> <div class="weui-cell__hd"><label for="select-

獲取列表資料

ddl.DataSource=DateTable dt; ddl.DataTextField=dt.Columns[" A "] .ToString(); ddl.DataValueFied=dt.Columns[" B "].ToString(); ddl.DataBind();

.NET中一般處理程式(ashx)在Ajax中的使用--列表動態級連

NET框架中有一個檔案型別是一般處理檔案(.ashx)。可以在ajax開發中作為伺服器端使用。特別是當在請求停留在一個頁面的時候,下面舉個例子--實現html下拉列表的級連更新。 (1)ddlInnerJoin.aspx程式碼: <head runat="server"

select 列表資料回顯

今天寫程式碼的時候出現了一個問題。 當我按課程進度不到100%進行查詢的時候,出現的是上圖的結果。這沒問題。點選下一頁的時候。出現的結果應該也是正常的才對 這是因為我點選查詢完了以後,返回本頁面的時候 對課程進度下拉框進行資料回顯。 程式碼如下 如果不進行資料回顯會出

多級列表預設觸發事件載入資料

jQuery.get("./getProvinceList",{},function(data){ console.log(); var list = data.data.list; var html = "<option value='0

C# 動態顯示列表資料

public List<UserInfo> list = new List<UserInfo>(); //查詢採購員 SqlConnection conn = new SqlConnection("Server=.;Database=JiYunMaterials

jQuery動態新增列表選項

不說了,直接上程式碼: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String

Ajax動態列表新增資料

1. 前臺jsp,新建一個下拉控制元件 <select id="seldvd" onChange="sel_onchange(this)"></select> 2. js部分,建一個function方法,利用ajax,指向 'get

jqueryajax方式從後臺獲取json資料後如何將內容填充到列表

從後臺獲取json資料,將內容填充到下拉列表,程式碼非常簡單,具體過程請看下面程式碼。 需求:url:連結     par:ID       sel:下拉列表選擇器 function BuildSelectBox(url, par, sel) { $(sel).emp

關於js動態列表中新增資料

在網上找的,經過試驗還不錯,反正很適合我,直接。 大體的思路就是: var objSelect = document.getElementById("leixingwx");//獲得select標籤物

ajax動態載入資料

下拉框—–ajax動態載入資料 嗨!這是我發表的第一篇部落格,希望對大家有所幫助,有什麼不對的地方還望校正! jsp頁面(型別一) <select class="form-control" name="orgName" id="select_

Easyui 列表動態繫結資料 C#

                      前端程式碼: <input id="ipt_typeName" name="ipt_typeName"/>                   js: $('#ipt_typeName').combobo

JQuery控制列表

nbsp tro 屬性。 -s oca function 表示 query txt //遍歷option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPT

jQuery學習(七)——使用JQ完成列表左右選擇

谷歌瀏覽器 opp 榮耀 學習 華為 style 1.8 script cname 1、需求:實現以下功能 2、步驟分析: 第一步:確定事件(鼠標單擊事件click) 第二步:獲取左側下拉列表被選中的option($(“#left option:selected”)) [