jquery-autoComplete 处理返回的json对象问题

iteye_14276

于 2008-12-16 22:47:10 发布

阅读量188

点赞数

分类专栏：技术文章文章标签： jQuery json JavaScript 互联网 PHP ViewUI

技术文章专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在使用Jquery-autocomplete插件时正确解析JSON响应。通过自定义解析函数，将服务器返回的JSON数据转换为插件所需的格式，实现更灵活的自动补全功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于项目中需要autocomplete，且项目中一直使用jquer的框架。所以继续选用jquery 的插件jquery-autocomplete，看到jquery-autocomplete自带的demo感觉很是容易但是在使用中却没有想象中的那么顺手。

关于Jquery-autocomplete处理response中是Json对象时当成字符串处理。查了一些资料终于找到处理方法先看代码：

  $("#fromtCity").autocomplete("../searchCity.do", {
     multiple: true,  
     width:150,  
     max:50,  
     multipleSeparator: ' ', 
     dataType: 'json',  
    //加入对返回的json对象进行解析函数，函数返回一个数组    
     parse: function(data) {
       var rows = [];
       for(var i=0; i<data.length; i++){
        rows[rows.length] = { 
          data:data[i].nameEn +"-"+data[i].nameCn, 
          value:data[i].cityCode, 
          result:data[i].nameCn 
          }; 
        }
     return rows;
       },
     formatItem: function(row, i, n) {
        return row;      
    }
  });

就是在出来绑定中添加一个对返回的json对象进行解析函数。