der automatische Vervollständigung nicht für Quelle des JSON-Objekt zu akzeptieren

Question

Im Folgenden finden Sie den jsp Seite Tag für Eingabetextelement:

<input name="searchTextSpan" id="searchTextSpan" type="text"/> 

unten ist der Ajax-Aufruf, dass Lasten auf dcument.ready:

AUI().use("liferay-portlet-url", function(A) { 
    var resourceURL = Liferay.PortletURL.createResourceURL(); 
    resourceURL.setPortletId("app_war_portlet"); 
    resourceURL.setResourceId(resourceId); 
    require(["dojo/request", "dijit/registry", "dojo/on", "dojo/domReady!"], function(request){ 
      request.post(resourceURL.toString(), { 
       query: ajaxData, 
       handleAs: "json" 
      }).then(function(data){ 
       if(resourceId == 'inputTextClick'){ 
        AUI().use("liferay-portlet-url", function(A) { 
         var resourceURL = Liferay.PortletURL.createResourceURL(); 
          resourceURL.setPortletId("app_war_portlet"); 
         if(data.cachetmpArr!=null && data.cachetmpArr.length>0){ 
          var cacheList = JSON.stringify(data.cachetmpArr); 
          cacheList = cacheList.replace(/"/g, "'"); 
          console.log('cacheList12 '+cacheList);//['106182233','206182233','306182233']; 
            $('#searchTextSpan').autocomplete({ 
               width: 300, 
               max: 10, 
               delay: 100, 
               minLength: 1, 
               autoFocus: true, 
               cacheLength: 1, 
               scroll: true, 
               highlight: false, 
               source:cacheList, 
              }).focus(function(){ 
              $(this).autocomplete("search", ""); 
              }); 
         } 
        }); 

       } 

      }); 
    }) 
}) 

die Quelle Attribut akzeptiert die CacheList nicht, es löst 404 URL Fehler aus. können Sie bitte vorschlagen

Answer 1

Sie müssen parse JSON, bevor Sie es an autocomplete übergeben.

So:

$('#searchTextSpan').autocomplete({            


width: 300, 
    max: 10, 
    delay: 100, 
    minLength: 1, 
    autoFocus: true, 
    cacheLength: 1, 
    scroll: true, 
    highlight: false, 
    source:JSON.parse(cacheList), // parse JSON response 
    }).focus(function(){ 
    $(this).autocomplete("search", ""); 
});