zoukankan      html  css  js  c++  java
  • 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 + ">"
      }
      });
             }
      },
    复制代码

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

  • 相关阅读:
    java线程学习之volatile关键字
    java线程学习之yield方法
    java线程学习之join方法
    小程序hideTarBar隐藏TabBar后,获取windowHeight不准确问题
    canvas等base64格式上传到服务端直传到oss
    服务器关于node的注意事项
    node.js连接本地数据库
    小程序(mpvue框架)的总结
    git代码的注意
    js里的实用小技巧
  • 原文地址:https://www.cnblogs.com/pingfan/p/3222579.html
Copyright © 2011-2022 走看看