json 解析ajax

java返回值:
modelAndView.put("data", data);
  modelAndView.put("keys", new String[]{"id","vessel_name_en","vessel_name_cn","voyage"});
  modelAndView.setViewPath("/ajax/jsonResult.ftl");

freemarker 的json值:
[
 <#list data as row>
  {
   <#list keys as key>
    <#if key_index=keys?size-1>
    "${key}":"${row["${key}"]?default("")}"
    <#else>
    "${key}":"${row["${key}"]?default("")}",
    </#if>
   
   </#list>
  }
  <#if row_index!=data?size-1>
  ,
  </#if>
 </#list>
]

jquery的ajax方法:
$(document).ready(function(){
 
 $("#vessel_name_en").autocomplete('${webroot}/suggest!vessel.do', {
  mustMatch:false ,
  width:300,
  parse: function(data) {
   return $.map(eval(data), function(row) {
    return {
     //固定就得这么写
     data: row,
     //匹配内容
     value: row.vessel_name_en,
     //最后回填的数据
     result: row.vessel_name_en
    }
   });
  },
  //显示的内容
  formatItem: function(item) {
   return item.vessel_name_en +" / "+item.vessel_name_cn+" / "+item.voyage;
  }
 }).result(function(event,item){
  $("#shipInfoId").val(item.id);
  $("#vessel_name_cn").val(item.vessel_name_cn);
  $("#voyage").val(item.voyage);
  $("#bill_no").focus();
 });

<#macro vesselInfo index=index readonly=true>
<table class="guide" style="width:100%;" id="base_tbl">
 <tr>
  <th>英文船名</th><td><input type="hidden" name="shipInfoId" value="${index.ship_info_id?if_exists}" id="shipInfoId"/><input name="vesselNameEn" id="vessel_name_en" value="${index.vessel_name_en?if_exists}"/></td>
  <th>中文船名</th><td><input name="vesselNameCn" id="vessel_name_cn" value="${index.vessel_name_cn?if_exists}"/></td>
  
  <th>航次</th><td><input name="voyage" id="voyage" value="${index.voyage?if_exists}"/></td>
  
 </tr>
 </table>

</#macro>



posted on 2012-05-19 00:36 youngturk 阅读(400) 评论(0)  编辑  收藏 所属分类: AjaxJQuery


只有注册用户登录后才能发表评论。


网站导航:
 
<2012年5月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

导航

统计

公告

this year :
1 jQuery
2 freemarker
3 框架结构
4 口语英语

常用链接

留言簿(6)

随笔分类

随笔档案

文章分类

文章档案

相册

EJB学习

Flex学习

learn English

oracle

spring MVC web service

SQL

Struts

生活保健

解析文件

搜索

最新评论

阅读排行榜

评论排行榜