Jersey前后端交互初体验
一 get请求
前端
基本的GET请求
$.ajax({ type : "get", url : "../rest/api/account/delete", data : { accountUid : accountUid, tagRefId : accountTagRefId }, dataType : "json", success : function(data) { if (0 != data.errCode) { if ("" == data.msg || null == data.msg || 'undefined' == data.msg) { $("#delAccountErr").html("系统错误，请稍后重试！"); } else { $("#delAccountErr").html(data.msg); } }else{ $("#deleteModal").modal("hide"); } queryAccount(); } });
该get请求最终的Url为类似：http://192.168.2.126/vipmanager/rest/api/account/delete?accountUid=627EA55816B5427B86FBBE349C1E972E&tagRefId=4028822451d1a55d0151d1c0f9d50012
后端
//接收GET方式请求
@GET
//指定接收的请求路径 @Path("/delete")
//业务处理结束后返回的数据媒体类型，如果媒体类型错误，将返回405，Method not allow @Produces(MediaType.APPLICATION_JSON)
//业务处理前，接收前端的请求数据的媒体类型，如果媒体类型错误，将返回405，Method not allow @Consumes({ MediaType.APPLICATION_JSON, MediaType.APPLICATION_FORM_URLENCODED }) public String deleteAccount( @QueryParam("accountUid") final String refAccountUid, @QueryParam("tagRefId") final String tagRefId) { final BaseResponse baseResponse = new BaseResponse(); final String accountUid = (String) request.getSession().getAttribute( ACCOUNTUID); // 删除逻辑实现，删除关联关系，账户不删除 int errCode = 0; boolean flag = true; // 删除用户组关联关系 if (!StringUtil.isNull(tagRefId)) { String[] tagRefIds = tagRefId.split(","); for (String id : tagRefIds) { final AccountTagRef accountTagRef = this.accountTagRefService .findById(id); if (null != accountTagRef) { errCode = this.accountTagRefService.delete(accountTagRef); if (0 != errCode) { LOG.info( "delete accounttagref by accounttagref.s id:{},errCode:{}", accountTagRef, errCode); flag = false; } } if (true != flag) { break; } } } if (true == flag ) { errCode = this.accountService.deleteAccount(accountUid, refAccountUid); } if(0 != errCode){ baseResponse.setErrCode(ErrorConstant.DELETE_ACCOUNT_FAIL); baseResponse.setMsg(ErrorConstant .getErrMsg(ErrorConstant.DELETE_ACCOUNT_FAIL)); LOG.error("error to deleteAccountTagRef for accountUid:{}",accountUid); } final JSONObject obj = JSONObject.fromObject(ResponseUtil.failed( BaseResponse.class, baseResponse.getErrCode())); return obj.toString(); }
在Form元素的语法中，EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 下边是说明： application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data： 窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。 text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。补充
form的enctype属性为编码方式，常用有两种：application/x-www-form-urlencoded和multipart/form-data，默认为application/x-www-form-urlencoded。 当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2...），然后把这个字串append到url后面，用?分割，加载这个新的url。 当action为post时候，浏览器把form数据封装到http body中，然后发送到server。 如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息，并加上分割符(boundary)。
二 POST请求
前端
请求参数需要使用JSON.stringify()进行请求参数的格式化，将json对象转化为json字符串，需要提醒的是，最好指定请求的数据类型dataType,请求头的类型contentType。dataType : "json", contentType : 'application/json'
否则容易导致405,请求非法，无法访问rest资源
if (perFormValidate()) { if(1 == num){ $("#savePerContinueBtn").button('loading'); }else{ $("#savePerBtn").button('loading'); } var person_name = $("#person_name").val(); var person_mobile = $("#person_mobile").val(); var person_code = $("#person_code").val(); var person_email = $("#person_email").val(); var person_company = $("#person_company").val(); var person_usertag = $("#person_usertag").val(); $.ajax({ type : "POST", url : "../rest/api/account/add", dataType : "json", contentType : 'application/json', data : JSON.stringify({ "account": {"mobile":person_mobile,"email":person_email, "person": {"name":person_name,"idNo":person_code, "organ":person_company}}, "tagref":{"tag":{ "id":person_usertag}} }), success : function(data) { if(1 == num){ $("#savePerContinueBtn").button('reset'); $("#savePerBtn").button('reset'); }else{ $("#savePerContinueBtn").button('reset'); $("#savePerBtn").button('reset'); } if (0 != data.errCode) { if ("" == data.msg || null == data.msg || 'undefined' == data.msg) { $("#addPersonErr").html("系统错误，请稍后重试！"); } else { $("#addPersonErr").html(data.msg); } } else { if(1 == data.possessive ){ //提示手机号已经被使用 $("#useredModual").modal("show"); $("#usered_content").html("您填写的手机号已被用户【" + data.name +","+data.idNoOrganCode +"】使用，是否关联已有的账号？若不关联已有账号，请重新填写手机号。"); $("#relatedAccountUid").val(data.accountUid); }else { if(1 == num){ $("#personInfo").find(":input").not(":button,:submit,:reset,:hidden").val(""); $("#addPersonErr").html("个人用户添加成功！"); queryAccount(); }else{ $("#personInfo").find(":input").not(":button,:submit,:reset,:hidden").val(""); $("#addPersonModual").modal('hide'); $("#useredModual").modal("hide"); queryAccount(); } } } }, error:function(data){ if(1 == num){ $("#savePerContinueBtn").button('reset'); $("#savePerBtn").button('reset'); }else{ $("#savePerContinueBtn").button('reset'); $("#savePerBtn").button('reset'); } } }); }
后端
@POST @Path("/add") @Consumes(MediaType.APPLICATION_JSON) @Produces(MediaType.APPLICATION_JSON) public AddAccountResponse addAccount(final AddAccountParam param) { AddAccountResponse addAccountResponse = new AddAccountResponse(); /* 检查参数有效性 */ final int iRet = param.valid(); if (ErrorConstant.SUCCESS != iRet) { LOG.error("error to addAccount ."); return ResponseUtil.failed(AddAccountResponse.class, iRet); } final String projectId = (String) request.getSession().getAttribute( "projectId"); final String accountUid = (String) request.getSession().getAttribute( ACCOUNTUID); addAccountResponse = this.accountService.addAccount(projectId, param.getAccount(), accountUid, null); if (0 == addAccountResponse.getErrCode() && !StringUtil.isNull(addAccountResponse.getAccountUid())) { final Tag tag = this.tagService.findById(param.getTagref().getTag() .getId()); final Account ac = this.accountService.findByUId(addAccountResponse .getAccountUid()); if ((null != tag) && (null != ac)) { final AccountTagRef tagRef = new AccountTagRef(); tagRef.setCreateDate(new Date()); tagRef.setAccount(ac); tagRef.setTag(tag); final int errCode = this.accountTagRefService.save(tagRef); if (errCode > 0) { addAccountResponse .setErrCode(ErrorConstant.ADDACCOUNT_SUCC_ADDTAGREF_ERR); } } else { addAccountResponse .setErrCode(ErrorConstant.ADDACCOUNT_SUCC_ADDTAGREF_ERR); } } else { LOG.error("error to addAccount or null for accountUid of result`AddAccount addAccountResponse"); } addAccountResponse.setMsg(ErrorConstant.getErrMsg(addAccountResponse .getErrCode())); return addAccountResponse; }
jersey会将前端请求自动转化为javabean对象接收请求参数，业务处理完成后，框架会将对象自动转化为json字符串返回至前端。
