解决Jquery下拉框数据动态获取的问题

废话不多说，直接上源码：

select.jsp

rush:xhtml;"> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> nofollow" >

<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="pragma" content="no-cache"&gt;
<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="cache-control" content="no-cache"&gt;
<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="expires" content="0"&gt; 
<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt;
<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="description" content="This is my page"&gt;
<!--
<link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" >
-->
<script type="text/javascript" src="js/jquery-2.1.1.min.js" charset="utf-8"&gt;</script>
<script type="text/javascript"&gt;

    function get_app_type() {

        $.ajax({
            type: "post",url: "AppTypeShow.action",//<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>json数据
            dataType: "json",success: function(data) {
                var d = eval("(" + data + ")");
                for(var i = 0; i < d.length; i++) {

var id = d[i].id;
var name = d[i].name;
var opt = "" + name + "";
$("#appType").append(opt);
}
},error: function() {
alert("系统异常，请稍后再试！")
}
});

    }

    function get_app_class() {

        $.ajax({
            type: "post",url: "AppClassShow.action",dataType: "json",success: function(data) {
                var d = eval("(" + data + ")");
                for(var i = 0; i < d.length; i++) {

var id = d[i].id;
var name = d[i].name;
var opt = "" + name + "";
$("#appClass").append(opt);
}
},error: function() {
alert("系统异常，请稍后再试！")
}
});

    }

    $(document).ready(function() {

        get_app_type();
        get_app_class();

    });
</script>

struts.xml

rush:xhtml;"> figuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> eton" extends="struts-default,json-default">

    <action name="*JsonAction" method="{1}"
            class="jquery.chisj.action.JsonAction"&gt;
        <result name="fail"&gt;error.jsp</result>
        <result type="json"&gt;
            <p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m name="root"&gt;result</param>
        </result>

    </action>

    <action name="AppTypeShow"
            class="jquery.chisj.action.NtAppAction"
            method="appTypeShow"&gt;
        <result name="fail"&gt;error.jsp</result>
        <result type="json"&gt;
            <p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m name="root"&gt;result</param>
        </result>
    </action>

    <action name="AppClassShow"
            class="jquery.chisj.action.NtAppAction"
            method="appClassShow"&gt;
        <result name="fail"&gt;error.jsp</result>
        <result type="json"&gt;
            <p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m name="root"&gt;result</param>
        </result>       
    </action>

</package>

NtAppAction.java

rush:xhtml;"> /** * */ package jquery.chisj.action; import java.util.ArrayList; import java.util.List; import jquery.chisj.entity.APPClass; import jquery.chisj.entity.APPType; import com.opensymphony.xwork2.ActionSupport; import net.sf.json.JSONArray; /** * @ClassName: NtAppAction * @Description: Todo * @Author: chisj [e-mail] * @Date 2016年1月20日 下午4:53:50 * */ public class NtAppAction extends ActionSupport { private String result;

public String appTypeShow() {
    Sy<a href="https://www.jb51.cc/tag/stem/" target="_blank" class="keywords">stem</a>.out.println("---app type show---");
    List<APPType> appTypeList = new ArrayList<APPType>();
    try {
        APPType appType_1 = new APPType();
        APPType appType_2 = new APPType();
        appType_1.setId(Short.valueOf("1"));
        appType_1.setName("Android");
        appType_2.setId(Short.valueOf("2"));
        appType_2.setName("iOS");
        appTypeList.add(appType_1);
        appTypeList.add(appType_2);
        JSONArray jsonArray = JSONArray.fromObject(appTypeList);
        result = String.valueOf(jsonArray);
    } catch (Exception e) {
        e.<a href="https://www.jb51.cc/tag/printstacktrace/" target="_blank" class="keywords">printstacktrace</a>();
    }

    return SUCCESS;
}

public String appClassShow() {
    Sy<a href="https://www.jb51.cc/tag/stem/" target="_blank" class="keywords">stem</a>.out.println("---app class show---");
    List<APPClass> appClassList = new ArrayList<APPClass>();
    try {
        APPClass appClass_1 = new APPClass();
        APPClass appClass_2 = new APPClass();
        appClass_1.setId(Short.valueOf("1"));
        appClass_1.setName("种类1");
        appClass_2.setId(Short.valueOf("2"));
        appClass_2.setName("种类2");
        appClassList.add(appClass_1);
        appClassList.add(appClass_2);
        JSONArray jsonArray = JSONArray.fromObject(appClassList);
        result = String.valueOf(jsonArray);
    } catch (Exception e) {
        e.<a href="https://www.jb51.cc/tag/printstacktrace/" target="_blank" class="keywords">printstacktrace</a>();
    }

    return SUCCESS;
}

public String getResult() {
    return result;
}

public void setResult(String result) {
    this.result = result;
}

}

以上这篇解决Jquery下拉框数据动态获取的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。