新浪微博，微信@功能jquery插件，@xxsome,ajax请求数据，前端渲染列表项选择！

摘要：插件使用官网官网有使用简介，这里记录下插件使用过程遇到的坑。使用中数据格式是这样的发请求后返回数据结构是这样的所以将数据结构写成符合预期的这个参数可能有几个是会报错，过滤掉。完整栗子如下请使用产品名模糊查询后选择对应产品下载

jquery.mentsInput插件使用：
官网：http://podio.github.io/jquery...
官网有使用简介，这里记录下插件使用过程遇到的坑。
js部分：
if( settings.elastic ) {
elmInputBox.elastic();
}
会报错，这里注释掉 elmInputBox.elastic();可以继续使用。
使用中数据格式是data这样的：

$("textarea.mention").mentionsInput({
onDataRequest:function (mode, query, callback) {
var data = [

  { id:1, name:"Kenneth Auchenberg", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" },
  { id:2, name:"Jon Froda", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" },
  { id:3, name:"Anders Pollas", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" },
  { id:4, name:"Kasper Hulthin", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" },
  { id:5, name:"Andreas Haugstrup", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" },
  { id:6, name:"Pete Lacey", "avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif", "type":"contact" }
];

data = _.filter(data, function(item) { return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1 });

callback.call(this, data);

}
});
发请求后api返回数据结构是这样的：
[{
"last_update_time":1479719379472,
"asin":"B012AADEMI",
"list_price":null,
"name":"WildBird Care Vertical Pull-out Tray Bird Feeder BCF4A,
Natural color", "publisher":"WildBird Care LLC",
"product_width":9.0,
"product_length":6.0,
"storage_item":[
],
"brand":"WildBird Care",
"purchase_items":[
],
"standard_sku":null,
"product_type_name":"PET_SUPPLIES",
"image_url":"http://ecx.images-amazon.com/...",
"product_height":14.2,
"product_group":"Pet Products",
"id":"bbd45493-baa0-4862-ab24-7083ea203b88",
"product_weight":2.4
},
{
"last_update_time":1479859200000,
"asin":"B012AADEWI",
"list_price":24.15,
"name":"WildBird Care Wooden Upside-down Suet Feeder BCF2A,
Natural Color", "publisher":"WildBird Care LLC",
"product_width":9.1,
"product_length":9.3,
"storage_item":[
],
"brand":"WildBird Care",
"purchase_items":[
],
"standard_sku":null,
"product_type_name":"PET_SUPPLIES",
"image_url":"http://ecx.images-amazon.com/...",
"product_height":4.7,
"product_group":"Pet Products",
"id":"87a04d9b-0b69-4e3d-a19f-19f3d4bdb4f0",
"product_weight":1.95
}]

所以将数据结构写成符合预期的：name这个参数可能有几个是 null会报错，过滤掉。
var info = $.grep(JSON.parse(resData),function (v,i) {

                    if(v.name!=null){
                        return v.name;
                    }
                });
                var arr = [];
                for (var i = 0;i
预期的数据结构这样： 
 {
  "id"    : 1,
  "name"  : "Kenneth Auchenberg",
  "avatar": "http://cdn0.4dots.com/i/custo...",
  "icon"  : "icon-16 icon-person",
  "type"  : "contact"
}
我把id这个参数换成了要反会给后端的asin（类似id），在列表项显示产品名称，选择对应的产品后，
会替换成对应的产品asin；然后在调用getMentions这个函数获取数据传给后端。
   var asin = "";
    $("#asin").mentionsInput("getMentions", function(data) {
        $.each(data,function (index,val) {
            asin += val.id+";"
        })
    });

完整栗子如下：