1、最近使用? struts2+jquery +json 来实现无刷新的效果
，但遇见不少小问题；
1、页面
? <div class="index_right_2" >
????? <div? style="float:right">
??????? <input class="index_right_2_1"? type="button" name="add" id="add" value="新增"/>
??????? <input class="index_right_2_1"? type="button" name="update" id="update" value="修改"/>
??????? <input class="index_right_2_1"? type="button" name="delete" id="delete" value="删除"/>
????? </div>
?? </div>
??
?? <div class="index_right_3">
?? ??<table id="table2" width="100%" border="0px" cellspacing="2px" cellpadding="0px" style="table-layout:fixed;">
?? ???
?? ???<tr class="table_one_title">
?? ???? <th style="width:5%">选择</th>
?? ???? <th style="width:5%">序号</th>
?? ???? <th style="width:20%">编码</th>
?? ???? <th style="width:30%">名称</th>
?? ???? <th>备注</th>
?? ???</tr>
?? ??
?? ?? <s:iterator value="list"? status="st">
?? ???<tr class="table_one_content" id="showTr" >
?? ????? <td>
??? ?????? <input style="width:100%;height:23px"? id="checkbox" name="checkbox" type="checkbox" value="<s:property value="unitId" />" />
??? ???</td>
?? ????<td>
??? ?????? <input style="width:100%;height:23px"? id="indexNum" name="indexNum" type="text" value="<s:property value="num" />" />
??? ???</td>
??? ???<td>
??? ?????? <input style="width:100%;height:23px"? id="vCode" name="vCode" type="text" value="<s:property value="vCode" />" />
??? ???</td>
??? ???<td>
??? ?????? <input style="width:100%;height:23px"? id="vName" name="vName" type="text" value="<s:property value="vName" />" />
??? ???</td>
??? ???<td>
??? ?????? <input style="width:100%;height:23px" id="sMemo" name="sMemo" type="text" value="<s:property value="sMemo" />" />
??? ???</td>
??? ??</tr>
??? ??</s:iterator>
?? ???
?? ??</table>
??
?? </div>
?? </form>
?? </div>
??
?? <div id="unitedit" class="index_right_unitedit_middle" style="display:none">
??? <form id="editform" name="editform" >
????? <div class="index_right_unitedit_input">
????? ???? <input type="hidden" id="edit_unitId" name="baseVo.unitId" value="" maxlength="16" size="20" >
????? ??<label>编码：</label><input type="text" id="edit_vCode" name="baseVo.vCode" value="" maxlength="16" size="20">
????? ??<label>名称：</label><input type="text" id="edit_vName" name="baseVo.vName" value="" maxlength="50" size="39">
??????? </div>?
??????? <div class="index_right_unitedit_input">
????? ??<label>备注：</label><textarea rows="3" cols="75" id="edit_sMemo"? name="baseVo.sMemo"></textarea>
????? ?</div>
????? ?
????? ? <div class="index_right_unitedit_input" style="text-align:center">
????? ? ? <input class="index_right_2_1"? type="button" name="save" id="save" value="保存"/>
???????????? <input class="index_right_2_1"? type="reset" name="reset" id="reset" value="重置"/>
???????????? <input class="index_right_2_1"? type="button" name="editdel" id="editdel" value="取消"/>
????? ? <div>
????? </form>?
?? </div>
?
2、jq代码
?$('#update').click(function(){//修改
??????? var aa="";
??????? var iNum=-1;
??????? var unitId = "";
?????$("input[name='checkbox']:checkbox:checked").each(function(index){//遍历table打钩的信息
??????iNum = index;?//只有一条数据时，则为0，2条就是1
??????if(index==0){
???????unitId=$(this).val(); //获取选中的那一条数据的ID，不清楚怎么获取选中的那一行的所有数据
??????}
?????});
?????
?????if(iNum==-1){ //我上面定义为-1，如果没有打钩 则执行这条
????????? alert("请选择一条数据进行修改");
?????? return false;
?????}else if(iNum>0){? //??大于0 则 选择了多条
??????alert("只能选择一条数据进行修改");
?????? return false;
?????}else{
??????? $.ajax({
??????? ?url:'unitupdate',
?????? ??? ???dataType:'json',
?????? ??? ???type:'post',
?????? ??? ???beforeSend:function(){"这里可以打印一些信息，增加用户体验度"},
?????? ??? ???data:{
??????????? ????? 'unitId':unitId
??????? ?????},
??????? ?????success:function(data){??????????????
???????????? var infoArray = eval("("+data+")");//如果后台没有进行json的疯狂 直接返回pojo对象，这里可以不需要进行转化
????????????? // alert(infoArray["VName"]);? //这种方式与下面的 .都是可以获取值??
?????????????? $('#edit_unitId').val(infoArray.unitId);
??????? ?????? $('#edit_vCode').val(infoArray.VCode);
??????? ?????? $('#edit_vName').val(infoArray.VName);
??????? ?????? $('#edit_sMemo').val(infoArray.SMemo);
??????? ?????? document.getElementById("unitedit").style.display="";
???????? ???? document.getElementById("unitsearch").style.display="none";
?????? //页面是二部分，我用div来控制显示那部分
?????????????}
??????? ?????
??????? });
?????}
????});
?
?
3、struts.xml
<package name="unitjson" extends="json-default">
?? <action name="unitupdate" class="com.dms.base.strust.IndexLeftUnitAction" method="unitupdate">
??????? ?<result type="json">
??????? ??<param name="root">result</param>
??????? ?</result>
??????? </action>
?</package>
4、action?
?/**
? * 功能：公司修改传值功能
? * 编写时间：2013-07-03
? * @return
? */
?public String unitupdate(){
??System.out.println("22==="+unitId);;
??BaseVO baseVo = uBiz.findUnit(unitId);
??//转化文?json格式
??JSONObject json = JSONObject.fromObject(baseVo);
??result = json.toString();
??//this.setResult(jsonArray.toString());
??System.out.println(result);
??return SUCCESS;
?}
?
5、pojo?? set,get省略
public class BaseVO {
?
?private String unitId = "";// 单位表 bd_unit
?private String vCode = "";//编码
?private String vName = "";//名称
?private String vStatus = "";//状态? 1 有效? 0 无效
?private String sMemo = "";//备注
?
?private String deptId = "";//bd_dept? 部门表
?private String postId = "";//BD_POST? 职位表
?
?private String userId = "";//bd_user_info? 操作员表
?
?private String empId = "";//
?private String vCarNum = "";//卡号
?private String vSex = "";//?0? 男?? 1 女
?private String vCarId = "";//
?private String vInDate = "";//入厂日期
?private String swSate = "";//0? 离职? 1 在职??? 是否在职
?
?private int num = 0;
?
?
6、上面都是基本的配置信息，下面所说的就是遇见的问题；
6.1、在控制台：
{"VInDate":"","VCarNum":"","empId":"","VStatus":"",
"postId":"","SMemo":"","VName":"美化","num":0,"VCarId":"","VCode":"002","vsex":"",
"userId":"","swSate":"","deptId":"","unitId":"C0002"}
?
可以打印出 封装的json数据；
页面使用 下面2种方式均可以获取到值；
??? var infoArray = eval("("+data+")");
????? var name= infoArray["VName"]);??
??????var name2 = infoArray.VName);
不知道大家是否注意到? pojo里面定义的字段与json封装的字段名有部分不一样
?
还有一种方式 就是? 后台直接? 返回pojo 对象，不需要json那个封装方法；
?
?
6.2、包也要注意：
?
当我使用 JSONObject json = JSONObject.fromObject(baseVo);
时，从前端一跳到这个action执行这条语句就没反应，控制台没有错误信息
?
弄了很多才知道缺少ezmorph-1.0.6.jar、commons-httpclient-3.1.jar等包产生的；
?
?
?
?
?
?
?
?
?
?
?
?