废话不多说,直接上源码:
select.jsp
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
My JSP 'select.jsp' starting pagefunction 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类型: | style="margin-left: 16px; height: 30px; width: 110px; text-align: left; size: 3; color: #505050;"> ---请选择--- |
APP种类: | style="margin-left: 16px; height: 30px; width: 110px; text-align: left; size: 3; color: #505050;"> ---请选择--- |
struts.xml
class="jquery.chisj.action.JsonAction">
error.jsp
result
class="jquery.chisj.action.NtAppAction"
method="appTypeShow">
error.jsp
result
class="jquery.chisj.action.NtAppAction"
method="appClassShow">
error.jsp
result
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下拉框数据动态获取的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。