使用 CKAN API 在 Javascript 中创建员工查找工具答案

【问题标题】：Using CKAN API to create employee lookup tool in Javascript使用 CKAN API 在 Javascript 中创建员工查找工具
【发布时间】：2017-11-24 15:52:27
【问题描述】：

我正在尝试创建一个显示人员姓名和分机的员工查找工具。输入是人们可以开始输入姓名的字段，它显示姓名和电话分机。我正在使用 CKAN api 来访问数据集。

   $(document).ready(function(){
   $("#search-box").keyup(function(){

   var data = {
       resource_id: '3ef94617-bc46-4f4c-840d-8872c211dce9',
       q:$(this).val()
    };  
    $.ajax({
        url: "http://data.open.guelph.ca/api/action/datastore_search",
        type: "get",
        dataType: "jsonp",
        cache: "true",
        callback: "jquery",
        data:data,
        success: function(data){
            var html = [];
            $.each(data.result, function(index, d){            
            html.push(JSON.stringify(d,['Contact Name','Phone Extension'] , null, "<br>") );
            });
            $("#matches").show();
            $("#matches").html(html);
        }
    });
  });
});

我可以得到一个输出，但它是 JSON 格式的。我试过使用语法：

d["Contact Name"]

而不是 JSON Stringify 但它不起作用！我相信它可能是 dataStore api，但我不知道有什么替代方法。

任何帮助将不胜感激，谢谢。

【问题讨论】：

标签： javascript json ajax api ckan

【解决方案1】：

找到解决方案！

添加记录数组似乎可以解决问题。

data['results']['records']

所以代码现在看起来像这样：

$(document).ready(function(){
$("#search-box").keyup(function()                      

    var data = {
       resource_id: '3ef94617-bc46-4f4c-840d-8872c211dce9',
       q:$(this).val()
    };  
    $.ajax({
        url: "http://data.open.guelph.ca/api/action/datastore_search",
        type: "get",
        dataType: "jsonp",
        cache: "true",
        callback: "jquery",
        data:data,

        success: function(data){
            var html = [];

            $.each(data['result']['records'], function(index, d){            
            html.push(d['Contact Name'],"  " , d['Phone Extension'] , "<br>");
            });
            $("#matches").show();
            $("#matches").html(html);
        }
    });
});
});

【讨论】：