后台代码一、
/**
* 得到大类的数据
* @param request
* @param response
*/
private void getParentGory(HttpServletRequest request,
HttpServletResponse response) {
System.out.println("the process is comming!!");
response.setCharacterEncoding("utf-8");
response.setHeader("Cache-Control", "no-store");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", 0);
PrintWriter out = null;
String str = "";
try {
out = response.getWriter();
String sql = "select * from t_artType where parentid=0 order by typeId desc";
ResultSet rs = BaseDaoSuport.getInstence().getList(sql, null);
List<ArtType> list = new ArrayList<ArtType>();
while (rs.next()) {
artype = new ArtType();
artype.setDataByRs(rs, artype);
list.add(artype);
}
Iterator<ArtType> iter = list.iterator();
while (iter.hasNext()) {
ArtType artype = iter.next();
str += artype.getTypeId() + "," + artype.getTypeName() + "|";
}
} catch (Exception e) {
e.printStackTrace();
}
out.print(str);
out.close();
}
后台代码二、
/**
* 得到小类的数据
*
* @param request
* @param response
*/
private void getChildGory(HttpServletRequest request,
HttpServletResponse response) {
System.out.println("the process is comming!!");
response.setCharacterEncoding("utf-8");
response.setHeader("Cache-Control", "no-store");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", 0);
PrintWriter out = null;
String str = "";
try {
out = response.getWriter();
int parentId = Integer.parseInt(request.getParameter("parentId"));
String sql = "select * from t_artType where parentid=" + parentId
+ " order by typeId desc";
ResultSet rs = BaseDaoSuport.getInstence().getList(sql, null);
List<ArtType> list = new ArrayList<ArtType>();
while (rs.next()) {
artype = new ArtType();
artype.setDataByRs(rs, artype);
list.add(artype);
}
Iterator<ArtType> iter = list.iterator();
while (iter.hasNext()) {
ArtType artype = iter.next();
str += artype.getTypeId() + "," + artype.getTypeName() + "|";
}
} catch (Exception e) {
e.printStackTrace();
}
out.print(str);
out.close();
}
前台js异步提交代码
得到大类的数据:
function getBigcategory() {
//alert(typecode);
$.get("ArtTypeServlet?status=getParentGory", null, getParentGory_callback);
}
function getParentGory_callback(data) {
var big = data.split("|");
var bigcategory = document.getElementById("bigCategory");
//alert(smallselect);
bigcategory.length = big.length - 1;
for ( var i = 0; i < bigcategory.length; i++) {
var ss = big[i].split(",");
bigcategory.options[i].text = "---"+ss[1]+"---";
bigcategory.options[i].value = ss[0];
}
}
function getSmallcategory(parentId) {
//alert(typecode);
$.get("ArtTypeServlet?status=getChildGory", {
parentId : parentId
}, getChildGory_callback);
}
function getChildGory_callback(data) {
var small = data.split("|");
var smallcategory = document.getElementById("smallCategory");
//alert(smallselect);
smallcategory.length = small.length - 1;
for ( var i = 0; i < smallcategory.length; i++) {
var ss = small[i].split(",");
smallcategory.options[i].text = "---"+ss[1]+"---";
smallcategory.options[i].value = ss[0];
}
}
页面代码
<td style="height: 28px; width: 200px;" class="style1">文章所属板块</td>
<td style="height: 28px;" class="style6" align="left" >
<select id="bigCategory" onclick="getSmallcategory(this.value)" name="bigCategory" style="width: 150px; height:30px;font-size:20px;border:1px teal solid">
<option value="请选择" selected="selected">--请选择--</option>
</select>
</td>
<td style="height: 28px; width: 146px;" class="style1">板块类型</td>
<td style="height: 28px;" class="style6" align="left">
<select id="smallCategory" name="artTypeId" style="width: 150px; height:30px;font-size:20px;border:1px teal solid">
<option value="请选择" selected="selected">--请选择--</option>
</select>
</td>
分享到:
相关推荐
jquery 异步提交的例子。使用的是jquery + servlet 。使用jquery $.get() $.post() 提交请求道servlet 页面
jquery异步请求例子jquery异步请求例子
使用jQuery.form插件,实现完美的表单异步提交
NULL 博文链接:https://chenzheng8975.iteye.com/blog/1922970
jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...
基于jquery的异步表单提交【jquery-form.js,其中的Demo是基于SSH的,里面有Struts标签。欢迎下载!
附件详细说明了异步提交文件的jquery插件的使用方法 详情请下载并解压文件
使用jquery异步请求方式发送数据,几种方式
jquery异步加载页面,适合用于选项卡页面。
只是jquery异步提交提交的一小部分实现,望大家完善。
Myeclipse编写的JQuery实现无刷新异步上传下载文件,关于如何部署项目到tomcat服务器请自己查找资料。
基于 jQuery 实现的 Ajax 异步分页的技术,网上看到就下载保存下来,感觉很不错
本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交 $(function(){ $('#send').click(function(){ $.ajax({ type: GET, url: GLOBAL_PATH + /Enterprise/...
jQuery异步刷新 服务器交互 javascript特效
详细的jquery异步交互说明!供大家想用
本工程为Java Web工程,演示了如何使用Jquery实现表单的异步提交!
jquery 异步加载页面小例子,可运行。
jquery所有经典例子jquery所有经典例子jquery所有经典例子jquery所有经典例子jquery所有经典例子jquery所有经典例子
vs2013 利用Ajax+Jquery实现异步进度条效果
jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子