这次给大家带来Jquery下拉框数据动态获取该如何实现，Jquery下拉框数据动态获取实现的注意事项有哪些，下面就是实战案例，一起来看一下。
废话不多说，直接上源码：
select.jsp
<base href="" rel="external nofollow" >My JSP 'select.jsp' starting page <!---->function get_app_type() {$.ajax({type: "post",url: "AppTypeShow.action", //获取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();});
| APP类型: | ---请选择--- |
| APP种类: | ---请选择--- |
登录后复制
struts.xml
error.jspresulterror.jspresulterror.jspresult
登录后复制
NtAppAction.java
/** * */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 chisj@foxmail.com * @Date 2016年1月20日 下午4:53:50 */public class NtAppAction extends ActionSupport {private String result;public String appTypeShow() {System.out.println("---app type show---");List appTypeList = new ArrayList();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.printStackTrace();}return SUCCESS;}public String appClassShow() {System.out.println("---app class show---");List appClassList = new ArrayList();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.printStackTrace();}return SUCCESS;}public String getResult() {return result;}public void setResult(String result) {this.result = result;}}
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
jQuery与vue做出拖动验证的验证码效果
$.ajax()怎样从服务器获取json数据
以上就是Jquery下拉框数据动态获取该如何实现的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2782620.html
