jquery - 使用jQuery-Ajax，REST API和Neo4j GraphDB实现VisualSearch.js

我正在尝试在后端使用jQuery-Ajax，REST API和Neo4j GraphDB实现VisualSearch.js。我已经阅读了link上的帖子，该帖子使用Ruby实现了相同的功能。

这是我的代码。

var visualSearch;

$(document).ready(function() {
var facets=[];
$.ajax("/facets", {
    type:"GET",
    dataType:"json",
    success:function (res) {
        facets = res;
    }
});

      visualSearch = VS.init({
      container  : $('#search_box_container'),
      query      : '',
      showFacets : true,
      unquotable : [
        'text',
        'account',
        'filter',
        'access'
      ],
      callbacks  : {
        search : function(query, searchCollection) {
          var $query = $('#search_query');
          var count = searchCollection.size();
      $query.stop().animate({opacity : 1}, {duration: 300, queue: false});
          $query.html('<span class="raquo">&raquo;</span> You searched for: ' +
                  '<b>' + (query || '<i>nothing</i>') + '</b>. ' +
                  '(' + count + ' node' + (count==1 ? '' : 's') + ')');
          clearTimeout(window.queryHideDelay);
          window.queryHideDelay = setTimeout(function() {
            $query.animate({
              opacity : 0
            }, {
              duration: 1000,
              queue: false
            });
          }, 2000);
        },

    valueMatches : function(facet, searchTerm, callback) {
    alert(facet)
    var restServerURL = "http://localhost:7474/db/data";
    $.ajax({
            type: "POST",
        contentType: "application/json; charset=utf-8",
            url: restServerURL,
            dataType: "json",
            contentType: "application/json",
        data: { /*Query goes here.*/ },
            success: function( data, xhr, textStatus ) {
                alert(data.self);
            },
            error: function(jqXHR, textStatus, errorThrown) {
            alert(jqXHR);
            alert(textStatus);
            alert(errorThrown);
            },
            complete: function() {
                alert("Address of new node: " + data.self);
            }
    });
    },
        facetMatches : function(callback) {
        if(visualSearch.searchBox.value() != "") {
        $.ajax("/connected_facets", {
                 type:"POST",
                 dataType:"json",
                 data: {/*Query goes here.*/},
                 success:function (res) {
                    callback(res);
                }
        });
        } else {
                callback(facets);
            }
         }
      }
    });
  });

如果有人可以指出问题，那将是很大的帮助。提前致谢 ：-）

最佳答案

我认为问题出在valueMatches。您不使用传递给此函数的回调。如果您挖掘VisualSearch源（visualsearch.js:696），您会看到此回调（代码中的701-727行）提供了从valueMatches到jQuery自动完成功能的筛选建议数据，即VisualSearch的构建基础（请参见visualsearch.js:1043）。

因此，在您的情况下，它将看起来像：

        valueMatches: function(facet, searchTerm, callback) {
            var restServerURL = "http://localhost:7474/db/data";
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: restServerURL,
                dataType: "json",
                data: {facet: facet, query: searchTerm},
                success: function(data) {
                    callback(data);
                }
            });
        },

此代码假定您位于上面url的应用程序接收构面并查询POST变量，并以JSON中的数组形式提供答案，因此将其直接传递给回调（请参阅成功选项）。

与facetMatches相同。但是，如果您有一组固定的方面，您甚至可以直接在代码中传递它们：

        facetMatches: function(callback) {
            callback([
                {label: 'facet1', category: 'cat1'},
                {label: 'facet2', category: 'cat1'},
                {label: 'facet3', category: 'cat2'},
                {label: 'facet4', category: 'cat2'},
                {label: 'facet5', category: 'cat2'}
            ]);
        },