ajax struts2 下拉框賦值(適合所有)_AJAX教程
推薦：ajax的json傳值方式在jsp頁面中的應(yīng)用ajax的json傳值想必大家早有所耳聞了吧，本文介紹下jsp頁面中json傳值應(yīng)用，感興趣的你可以參考下哈，希望可以幫助到你
1.此代碼適合所有下拉列表取值2.一個(gè)項(xiàng)目所有的下拉列表只需要這一個(gè)公用方法；
步驟一：創(chuàng)建實(shí)體bean；
復(fù)制代碼 代碼如下:www.zhaotila.cn
public class DictionaryBean {
private String value_Id;//下拉框option的id
private String value;//下拉框option的值
private String flag;//對應(yīng)下拉框的值的類型，如flag=1，下拉列表為省份信息，flag=2為市級信息等；
public String getValue_Id() {
return value_Id;
}
public void setValue_Id(String valueId) {
value_Id = valueId;
}
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
public String getFlag() {
return flag;
}
public void setFlag(String flag) {
this.flag = flag;
}
}
步驟二 在你action里面寫個(gè)如下取listbean的方法，listbean封裝的是 bean.valueId 和bean.value；
復(fù)制代碼 代碼如下:www.zhaotila.cn
/**
*
* @author ZhuangZi
* @class com.hzdracom.action.DictionaryAction
* @method listDictionary
* @Directions 獲取下拉列表信息公用方法
* @date 2013-3-21上午10:08:39 void
*/
public void listDictionary(){
String json="";
try{
listDictionary = dictionaryService.handleListDictionary(bean);
json=JSON.toJSONString(listDictionary);//轉(zhuǎn)換成json字符串
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out;
out = response.getWriter();
out.println(json);
out.flush();
out.close();
}catch(Exception e){
e.printStackTrace();
}
}
sturts.xml 配置信息
復(fù)制代碼 代碼如下:www.zhaotila.cn
<action name="listDictionary" method ="listDictionary" class="com.hzdracom.action.DictionaryAction">
</action>
步驟三 封裝公用js代碼js文件名字 dictionary.js
復(fù)制代碼 代碼如下:www.zhaotila.cn
/**
*↓↓↓↓↓↓↓↓↓↓
*作者：ZhuangZi
*類名：公用方法初始化
*功能：公用方法初始化
*詳細(xì)：公用方法初始化
*版本：1.0
*日期：2013-03-22
*說明：
*↑↑↑↑↑↑↑↑↑↑
*/
$(function(){
/*1.下拉框取值↓↓↓*/
selectBox([
復(fù)制代碼 代碼如下:www.zhaotila.cn
{id_:"#down_type",id:"#downtype" ,flag:"2"},
{id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"}]);
//selectBox{[{id_:"你的下拉框的被選中值的ID",id:"下拉框的ID",flag:"下拉框值的類型"}]};
復(fù)制代碼 代碼如下:www.zhaotila.cn
//有一個(gè){id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"}這種對象就有一個(gè)下拉框信息；
});
/**
*↓↓↓↓↓↓↓↓↓↓
*作者：ZhuangZi
*類名：獲取下拉框值公用方法
*功能：下拉列表取值
*詳細(xì)：加載下拉列表
*版本：1.0
*日期：2013-03-22
*說明：如果新加一個(gè)下拉框 需要給數(shù)組list添加一個(gè)對象
*參數(shù)：id_:下拉框被選中值的ID；id:下拉框ID；flag:下拉框值的類型，即顯示內(nèi)容類型
*↑↑↑↑↑↑↑↑↑↑
*/
function selectBox(list){
for ( var i = 0,len = list.length; i < len; i++) {
(function(bean){
var pageId=$(bean.id_).val();
$.ajax({
type:'post',
url:'../dictionary/listDictionary.do',
data:'bean.flag='+bean.flag,
dataType:'json',
success:function(json){
for(var i=0; i< json.length;i++){
$(bean.id).append("<option value='"
+json[i].value_Id+"'>"
+json[i].value+"</option>");
if(pageId !=null && pageId!="" && pageId==json[i].value_Id){
$(bean.id).find("option").attr("selected",true);
}
}
},
error:function(){
alert('error');
}
});
})(list[i]);
}
}
步驟四 頁面信息 下面隱藏域信息 ，就是你選某項(xiàng)查詢后，它就會(huì)被選中的值
引入js
復(fù)制代碼 代碼如下:www.zhaotila.cn
<script language="javascript1.2" src="<s:url value="/js/jquery.js" includeParams="false"/>"></script>
<script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeParams="false"/>"></script>
復(fù)制代碼 代碼如下:www.zhaotila.cn
<s:hidden id="down_type" name="yhaoPortalsDownBean.downType"/>
<td width="25%" height="33" class="addtabletd1">下載類型標(biāo)識(shí)：</td>
<td width="25%" height="33" class="addtabletd2">
<select id="downtype" name="yhaoPortalsDownBean.downType" class="textfrom" class="width:120" >
<option value="">---所有---</option>
</select>
</td>
步驟五 附加信息 dao里面方法 下面方法用到的flag 就是js里面flag傳的值
復(fù)制代碼 代碼如下:www.zhaotila.cn
public List<DictionaryBean> handleListDictionary(DictionaryBean bean)throws DataAccessException,Exception {
List<DictionaryBean> list = new ArrayList<DictionaryBean>();
try{
String sql="";
/* 獲取頁面下拉列表*/
if (bean.getFlag().equals("1")) {
sql = "SELECT PAGE_FLAG VALUE_ID,PAGE_NAME VALUE FROM YHAO_PORTALS_PAGE";
}
/* 獲取下載類型標(biāo)識(shí)下拉列表*/
if (bean.getFlag().equals("2")) {
sql = " SELECT DOWNTYPE_FLAG VALUE_ID,DOWNTYPE_NAME VALUE FROM YHAO_PORTALS_DOWNTYPE ";
}
/* 獲取塊標(biāo)識(shí)下拉列表*/
if (bean.getFlag().equals("3")) {
sql = " SELECT KUAI_FLAG VALUE_ID,KUAI_NAME VALUE FROM YHAO_PORTALS_KUAI ";
}
list = this.query(sql,new DictionaryList());
}catch(Exception e){
e.printStackTrace();
}
return list;
}
好了已經(jīng)完成了。
分享：Ajax $.getJSON案例詳解ajax中的$.getJSON方法想必大家非常熟悉吧，本文接下來將在為你鞏固一下，感興趣的你可以參考下，希望對你有所幫助
相關(guān)AJAX教程：
- Ajax中瀏覽器的緩存問題解決方法
- AJAX和WebService實(shí)現(xiàn)省市縣三級聯(lián)動(dòng)具體代碼
- ajax 登錄功能簡單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
- AJAX和WebService實(shí)現(xiàn)郵箱驗(yàn)證(無刷新驗(yàn)證郵件地址是否合法)
- AJAX和三層架構(gòu)實(shí)現(xiàn)分頁功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實(shí)現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時(shí)間及時(shí)間格式輸出處理
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- ajax傳遞一個(gè)參數(shù)具體實(shí)現(xiàn)
- 滑輪滾動(dòng)到頁面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
- 相關(guān)鏈接：
- 教程說明：
AJAX教程-ajax struts2 下拉框賦值(適合所有)
。