jquery ajax json 实例（文本框，下拉框操作）

package com.ygw.stu.stuser.ta.json;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import java.util.regex.*;

import net.sf.json.JSONArray;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;
import com.ps.base.CommonError;
import com.ps.pub.DataManager;
import com.ps.pub.ValueObject;
import com.ygw.stu.base.BaseAction;

/**
 * @author:
 * @version:
 * @Create Time:2011-12-01 19:17:35
 * @Description: 业务处理Action
 */
public class StuNumberAction extends ActionSupport {
	
	
	private String res;
	public String getRes() {
		return res;
	}
	public void setRes(String res) {
		this.res = res;
	}
	
	public String execute(){
		StuNumberBean ajaxTextBean=new StuNumberBean();
        PrintWriter out;
		try {
			//解决中文乱码
			ServletActionContext.getResponse().setContentType("text/json;charset=gb2312");
			
			out = ServletActionContext.getResponse().getWriter();
			String classid="";
			classid=ServletActionContext.getRequest().getParameter("classid");
			
			this.res=ajaxTextBean.getOptionStucodeNames(classid);
			System.out.println(res);
			
		} catch (IOException e) {
			e.printStackTrace();
		}
        
		return this.SUCCESS;
	}
	
}

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <package name="default" namespace="/ajaxtext" extends="json-default"> <!-- ajax start /jsp/stu/stuser/teacher/search.jsp teacher.list json-default--> <action name="jj" class="com.ygw.stu.stuser.teacher.AjaxTextAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- ajax end --> <!-- teachertreeajaxstudent start --> <action name="studenttree" class="com.ygw.stu.stuser.teacher.jsontree.AjaxJsonStudentTreeAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- teachertreeajaxstudent end --> <!-- teachertreeajaxparent start --> <action name="parenttree" class="com.ygw.stu.stuser.teacher.jsontree.AjaxJsonParentTreeAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- teachertreeajaxparent end --> <!-- teachertreeajaxexpert start --> <action name="experttree" class="com.ygw.stu.stuser.teacher.jsontree.AjaxJsonExpertTreeAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- teachertreeajaxexpert end --> <!-- ScoreLevelAction start --> <action name="scorelevel" class="com.ygw.stu.stuser.ta.json.ScoreLevelAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- ScoreLevelAction end --> <!-- StuNumberAction start --> <action name="stucodename" class="com.ygw.stu.stuser.ta.json.StuNumberAction"> <result name="success" type="json"> <param name="root">res</param> </result> </action> <!-- StuNumberAction end --> </package> </struts>
package com.ygw.stu.stuser.ta.json; import java.util.ArrayList; import java.util.List; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import com.ps.pub.ValueObject; import com.ygw.stu.base.BaseBean; import com.ygw.stu.stuser.teacher.AjaxJsonTreeBean; public class StuNumberBean extends BaseBean { public StuNumberBean() { super(); setDaoName("com.ygw.stu.stuser.teacher.dao.TeacherDAO"); } /** * 根据班级id查询学生stu号，名字的结果集 * @param * @return */ public String getOptionStucodeNames(String classid){ /* 结果 student_name stucode classid select b.STUCODE stucodeb,b.STUDENT_NAME,c.stucode,c.id classid from v_stu_student b, ( select * from stu_class_ref a where a.id='' ) c where b.STUCODE=c.stucode */ StringBuffer buf=new StringBuffer("<option value=''>请选择...</option>"); ArrayList res=new ArrayList(); String sql="select b.STUCODE stucodeb,b.STUDENT_NAME,c.stucode,c.id classid from v_stu_student b," + "(" + "select * from stu_class_ref a " + "where a.id='"+classid+"'" + ") c " + "where b.STUCODE=c.stucode"; try { res=this.select(sql); } catch (Exception e) { e.printStackTrace(); } if(res.size()>0){ for(int i=0;i<res.size();i++){ ValueObject vo=(ValueObject)res.get(i); String class_id=(String)vo.getString("classid"); String stucode=(String)vo.getString("stucode"); String student_name=(String)vo.getString("student_name"); String ss=this.getOptions(stucode, student_name); buf.append(ss); //<option value=''>请选择...</option> //"<option value='1111'>nnnn-1111</option> //<option value='2222'>fsfdsf-2222</option>" } } return buf.toString(); } public String getOptions(String stucode,String studentname){ String resStr=""; resStr="<option value='"+stucode+"'>"+studentname+"-"+stucode+"</option>"; return resStr.toString(); } }

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="t" uri="/WEB-INF/templet.tld" %> <%@ taglib prefix="app" uri="/WEB-INF/app.tld" %> <app:jsphelper type="js" src="js/cascade.js"/> <%String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ "" + request.getContextPath() + "/"; %> <input type="hidden" id=basePath value="<%=basePath %>" /> <table align="center" valign="top" width="98%" border="0"> <% Object photo = session.getAttribute("_PHOTO"); String photoSrc = "../file/photo.do?size=500"; if(photo==null) photoSrc += "&init=true"; %> <!—采用iframe的方式处理文件上传--> <iframe src="<%=photoSrc%>" width="100%" height="300" FRAMEBORDER=0> </iframe> <br> <%-- 编辑信息 --%> <tr> <td width="98%"> <t:editpanel templet="STUSER_WORK_ASSIST" vo="editVo" col="2"/> </td> </tr> <%-- 操作信息 --%> <tr> <td align="center" valign="top"> <app:link type="button" aclass="opt_button" name="确 定" οnclick="javascript:onAction('SUBMIT')" border="0"></app:link> <app:link type="button" aclass="opt_button" name="重 置" οnclick="javascript:onAction('RESET')" border="0"></app:link> </td> </tr> </table> <script type="text/javascript"> $(document).ready(function(){ $("#selectTest").change(function() { $("#vv").val($("#selectTest").val()); alert($("#selectTest option[@selected]").text()); }); }); var objCascade1 = new CascadeObject("editVo.string(courseId)","editVo.string(lessonId)","change"); objCascade1.childDivName ="DIV_editVo_lessonId"; objCascade1.childSource = "PubSelectImpl:STUJIANG"; objCascade1.sql = "SQL.COURSE_JIANG"; objCascade1.setElementCascade(); var basePath=document.getElementById("basePath").value; function getLevel(score){ //url="ccc&score="+score; //onAjaxAction(url,"cmd","target"); } $(document).ready(function(){ $(":input[name='editVo.string(workScore)']").blur(function(){ var score=$(":input[name='editVo.string(workScore)']").val(); var type="^[0-9]*[1-9][0-9]*{1}quot;; var re = new RegExp(type); if(score.match(re)==null) { alert( "请输入整数!"); }else{ var urlpath=basePath+"ajaxtext/scorelevel.do?score="+score; jQuery.ajax( { url:urlpath, type:'post', async:false, //data:'sql='+sql, success:function(res){ if(""!=res){ ///json字符串转化成json对象方法： //alert("hehe\n"+res); var myJSONObject = eval('(' + res + ')'); // alert("myJSONObject\n"+myJSONObject); var idv=myJSONObject[0]; var namev=myJSONObject[1]; $(":input[name='editVo.string(sort)']").val(namev); $(":input[name='editVo.string(scorelevel)']").val(idv); // alert($(":input[name='editVo.string(scorelevel)']").val()); } } }); } //$(":input[name='editVo.string(sort)']").val(dd); }); }); /// $(document).ready(function(){ $(":input[name='editVo.string(classId)']").change(function(){ var classid=$(":input[name='editVo.string(classId)']").val(); //var checkText=$("#ss").find("option:selected").text(); //var checkValue=$("#ss").val(); var urlpath=basePath+"ajaxtext/stucodename.do?classid="+classid; jQuery.ajax( { url:urlpath, type:'post', async:false, //data:'sql='+sql, success:function(res){ if(""!=res){ ///json字符串转化成json对象方法： //alert("hehe\n"+res); //var myJSONObject = eval('(' + res + ')'); // alert("myJSONObject\n"+myJSONObject); // var idv=myJSONObject[0]; // var namev=myJSONObject[1]; $(":input[name='editVo.string(stucode)']").empty(); $(res).appendTo(":input[name='editVo.string(stucode)']"); // alert($(":input[name='editVo.string(scorelevel)']").val()); } } }); //$(":input[name='editVo.string(sort)']").val(dd); }); }); </script>