专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > JavaScript

ajax的接收格式跟传输json格式种类和方式

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
ajax的接收格式和传输json格式种类和方式

(一)ajax返回格式

1,默认返回字符串,页面也会转成字符串(text)

 

 

参考:

http://www.cnblogs.com/bujianchenxi/p/6060799.html

 

2返回页面

 

$.ajax({

                    type:'post',

                    url:'后台路径',

                    dataType:'html',

                    success:function(result){

                    //console.info(result);

                    $("#test").html(result);

                }

            });

 

注意:dataType:'html'为html类型,后台实现,如下:

 

@RequestMapping(value = "test")

    public String test(Model model) {

        model.addAttribute("test", "test");

 

        return "modules/test/test";

    }

 

return一个页面,例如上面的对应的视图为test.jsp

 

参考:

http://blog.csdn.net/menghuannvxia/article/details/49664059

http://blog.csdn.net/liu765023051/article/details/45308827

 

 

 

 

 3,ajax  json  前台接收解析

  var dataJsonObject = JSON.parse(data);

   if (dataJsonObject.returnCode == 1 ) {

 

 

 

(二)ajax传输json格式:

 

ajax   json 前台打包传输

 

遇到“”里面套用“”需要转义

 

1,使用转义符,此时不需要JSON.stringify()后传递过去(整个不用引号引起)

 

var jsonsWxInFo="{"result":{" +

  ""baseInfo":{"liveAddress":"","tenementCity":"","homePhone":"","tenementAddress":"","qqAccount":"","hasTenement":"","liveCity":"","monthSalary":"","educationLevel":"","marriage":"","id":"","weixinAccount":"","tenementType":"","email":"","hasCar":"","liveStarttime":""}," +

  ""contactInfo":{"immediateFamilyIdcard":"","postAddress":"","spousePhone":"","contactPerson":"","contactPersonPhone":"","getProductWay":"","immediateFamilyPhone":"","contactPersonRelation":"","spouse":"","nonImmediateFamilyName":"","nonImmediateFamilyRelation":"","immediateFamilyName":"","spouseIdcard":"","nonImmediateFamilyPhone":"","id":"","immediateFamilyRelation":"","isFamilyKnow":"","marryDate":""}," +

  ""policyInfo":{"actualYear":"","policyName":"","inputUserid":"","shouldYear":"","inputDate":"","paymentType":"","lifeInsuranceYearSum":"","inputOrgId":"","monthAmt":"","useDate":"","policyCount":"","policyType":"","customerId":"","insuranceName":"","policyIndex":""}," +

  ""additionalInfo":{"otherIdentityPicUrl":"","otherPicUrl":"","loanPicUrls":"","juzhuzhengPicUrls":"","creditCardPicUrls":"","hukoubenPicUrls":"","gongzuozhengPicUrls":"","identityFrontPicUrl":"bluckname=test&imgName=MTExLnBuZzE1MDc3MDkzNTkxNzI=.png","identityBackPicUrl":"","marriageCertificatePicUrls":"","zichanLetterPicUrls":"","id":"4","shouruLetterPicUrls":""}," +

  ""additionalInfoRemarks":{"dealUserid":"","createTime":"","dealUsername":"","remark":"","id":""}," +

  ""applyInfo":{"loanTerm":"","purpose":"","id":"","applyAmount":""}," +

  ""careerInfo":{"jobName":"","reserveFundsRadix":"","salaryDate":"","companyCity":"","companyType":"","hasSocialSecurity":"","industry":"","jobLevel":"","industryForth":"","salaryWithoutTax":"","employeeType":"","companyPhone":"","industrySecond":"","companyAddress":"","industryThird":"","company":"","id":"","department":"","socialSecurityRadix":"","employeeAmount":""}," +

  ""creditInfo":{"bankPicUrls":"","peopleBankPicUrls":"","reserveFundsPicUrls":"","id":""}}," +

  ""orderNo":"A001","state":"","isEiditAble":"1"}";

 

  function saveDetailWX(){

  alert(6);

  $.ajax({

  url: '${ctx}/itm/weixin/saveWXOrderInfo.action',

  data: {

  jsonsWxInFo: jsonsWxInFo // 图片数据流

 

  },

  dataType: 'json',

  type: 'post',

  success: function(data) {

  var dataJsonObject = JSON.parse(data);

  if (dataJsonObject.returnCode == 'A0001' ) {

 

  }else{

  alert('图片上传失败!');

  }

  },

  error: function(xhr, type, errorThrown) {

  alert('网络异常,请稍后再试!');

  }

  });

  }

 

 

2,不使用转义符,此时用JSON.stringify()将数据传递过去

 

 

 

 var jsonsWxInFo={"result":{

  "baseInfo":{"liveAddress":"","tenementCity":"","homePhone":"","tenementAddress":"","qqAccount":"","hasTenement":"","liveCity":"","monthSalary":"","educationLevel":"","marriage":"","id":"","weixinAccount":"","tenementType":"","email":"","hasCar":"","liveStarttime":""},

  "contactInfo":{"immediateFamilyIdcard":"","postAddress":"","spousePhone":"","contactPerson":"","contactPersonPhone":"","getProductWay":"","immediateFamilyPhone":"","contactPersonRelation":"","spouse":"","nonImmediateFamilyName":"","nonImmediateFamilyRelation":"","immediateFamilyName":"","spouseIdcard":"","nonImmediateFamilyPhone":"","id":"","immediateFamilyRelation":"","isFamilyKnow":"","marryDate":""},

  "policyInfo":{"actualYear":"","policyName":"","inputUserid":"","shouldYear":"","inputDate":"","paymentType":"","lifeInsuranceYearSum":"","inputOrgId":"","monthAmt":"","useDate":"","policyCount":"","policyType":"","customerId":"","insuranceName":"","policyIndex":""},

  "additionalInfo":{"otherIdentityPicUrl":"","otherPicUrl":"","loanPicUrls":"","juzhuzhengPicUrls":"","creditCardPicUrls":"","hukoubenPicUrls":"","gongzuozhengPicUrls":"","identityFrontPicUrl":"bluckname=test&imgName=MTExLnBuZzE1MDc3MDkzNTkxNzI=.png","identityBackPicUrl":"","marriageCertificatePicUrls":"","zichanLetterPicUrls":"","id":"4","shouruLetterPicUrls":""},

  "additionalInfoRemarks":{"dealUserid":"","createTime":"","dealUsername":"","remark":"","id":""},

  "applyInfo":{"loanTerm":"","purpose":"","id":"","applyAmount":""},

  "careerInfo":{"jobName":"","reserveFundsRadix":"","salaryDate":"","companyCity":"","companyType":"","hasSocialSecurity":"","industry":"","jobLevel":"","industryForth":"","salaryWithoutTax":"","employeeType":"","companyPhone":"","industrySecond":"","companyAddress":"","industryThird":"","company":"","id":"","department":"","socialSecurityRadix":"","employeeAmount":""},

  "creditInfo":{"bankPicUrls":"","peopleBankPicUrls":"","reserveFundsPicUrls":"","id":""}},

  "orderNo":"A001","state":"","isEiditAble":"1"};

 

  function saveDetailWX(){

  alert(6);

  $.ajax({

  url: '${ctx}/itm/weixin/saveWXOrderInfo.action',

  data: {

  jsonsWxInFo: JSON.stringify(jsonsWxInFo) // 图片数据流

 

  },

  dataType: 'json',

  type: 'post',

  success: function(data) {

  var dataJsonObject = JSON.parse(data);

  if (dataJsonObject.returnCode == 'A0001' ) {

 

  }else{

  alert('图片上传失败!');

  }

  },

  error: function(xhr, type, errorThrown) {

  alert('网络异常,请稍后再试!');

  }

  });

  }

 

 

 

 

 

后台json结构数据和实体转化

public String saveWXOrderInfo(){

 

QueryOrderDetailReqqp=(QueryOrderDetailReq)JSONObject.toBean(JSONObject.fromObject(jsonsWxInFo),QueryOrderDetailReq.class);

//baseService.save();

BaseResp br = new BaseResp();

br.setReturnCode(WeixinErrorMsg.SUCCESS.getCode());

br.setReturnMsg(WeixinErrorMsg.SUCCESS.getText());

result= JSONObject.fromObject(br).toString();

        return SUCCESS;

}

 

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: