• jQuery的Autocomplete插件的远程url取json数据的问题


    关于远程返回的json数据的展示,以前一样的代码,如果是本地写好的json串数据,插件显示就没有问题,一旦换成ulr方式读取一样的数据,插件就不能正常显示问题了。

    今天偶然搜索资料找到一篇csdn上有人提问的问题,也是相同的问题

    http://topic.csdn.net/u/20090703/14/8d349262-8ca1-4bf5-998d-3a0712412149.html

    有高人解答了

    复制代码
    $("#autocomplete").autocomplete("data.aspx", {
    minChars: 0,
    max:15,
    200,
    scroll: false,
    scrollHeight: 500,
    //需要把data转换成json数据格式
    parse: function(data) {
               if (data != "") {
        return $.map(eval(data), function(row) {
      return {
       data: row,
      value: row.name,
      result: row.name + " <" + row.to + ">"
      }
      });
             }
      },
    formatItem: function(data, i, total) {
    return "<div style='float:left'>"+data.name+data.to+"</div>"
    },
    formatMatch: function(data, i, total) {
    return data.name;
    },
    formatResult: function(data, value) {
    return data.name;
    }
    }).result(function(event, data, formatted) {
    $("#twoColum_abbr").val(data.to);
    });
    复制代码

    在数据返回回来之后,还要在进行一次处理

    关键点就在于

    复制代码
     //需要把data转换成json数据格式,注意必须判断data是否为空,否则出异常,如下红色标注
            parse: function(data) {
               if (data != "") {
        return $.map(eval(data), function(row) {
      return {
       data: row,
      value: row.name,
      result: row.name + " <" + row.to + ">"
      }
      });
             }
      },
    复制代码

    这样处理一下,就可以正常的对数据进行操作了。

  • 相关阅读:
    【WPF】城市级联(XmlDataProvider)
    【C#】利用反射构建实体
    毕业档案保存
    【WPF】淡入淡出切换页面
    【C#】Lamada表达式演变过程
    【C#】实现INotifyPropertyChanged的3种方法
    【Unity】矩阵运算
    (win7/8/10)鼠标右键添加按下SHIFT键时弹出带管理员权限的“在此处打开命令窗口”
    如何给grldr.mbr和grldr改名
    常用的时间同步服务器地址
  • 原文地址:https://www.cnblogs.com/pingfan/p/3222579.html
Copyright © 2020-2023  润新知