UI Autocomplete и внешний источник данных, почему не работает?

Question

[Владимир]

Добрый день, ищу совета что делаю не так, подключаю jQuery UI Autocomplete для сайта, делаю по документации.

$( function() {
	    $.widget( "custom.catcomplete", $.ui.autocomplete, {
	      _create: function() {
	        this._super();
	        this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
	      },
	      _renderMenu: function( ul, items ) {
	        var that = this,
	          currentCategory = "";
	        $.each( items, function( index, item ) {
	          var li;
	          if ( item.category != currentCategory ) {
	            ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
	            currentCategory = item.category;
	          }
	          li = that._renderItemData( ul, item );
	          if ( item.category ) {
	            li.attr( "aria-label", item.category + " : " + item.label );
	          }
	        });
	      }
	    });
	    
	   var data = [
              { label: "Для холодильной техники ← Вентиляторы конденсаторных блоков", category: "Категории" },
	      { label: "Вентилятор в сборе 4E-300 220 V ВСАС", category: "Товары" },
	      { label: "Вентилятор в сборе 4D-350 380 V ВСАС", category: "Товары" },
	      { label: "Вентилятор в сборе 4D-560 380 V ВСАС", category: "Товары" }
	    ];
				
		$("#search").catcomplete({
			delay: 0,
			autoFocus: true,
			source: data,
			minLength: 2,
     });	  	 
 
});

И так все работает, а вот если в source указываю внешний источник:

$("#search").catcomplete({
			delay: 0,
			autoFocus: true,
			source: "/handlers/search/file.php",
			minLength: 2,
});

В этом случаи автозаполнение перестает работать, в отладчике я вижу запрос уходит https://site.ru/handlers/search/file.php?term=%D0%... и результат возвращается.

На стороне сервера отдаю результат так:

print '[
			  { label: "Для холодильной техники ← Вентиляторы конденсаторных блоков", category: "Категории" },
		      { label: "Вентилятор в сборе 4E-300 220 V ВСАС", category: "Товары" },
		      { label: "Вентилятор в сборе 4D-350 380 V ВСАС", category: "Товары" },
		      { label: "Вентилятор в сборе 4D-560 380 V ВСАС", category: "Товары" }
]';

Подскажите в чем может быть ошибка, спасибо.

Answer 1

[aleksan94]

Отдавайте ответ в формате json:
echo json_encode( [...] );

Comments

[Владимир]

Спасибо, переписал для теста вот как и заработало:

$test = array(
			array("label" => "Для холодильной техники ← Вентиляторы конденсаторных блоков", "category" => "Категории"),
			array("label" => "Вентилятор в сборе 4E-300 220 V ВСАС", "category" => "Товары"),
			array("label" => "Вентилятор в сборе 4D-350 380 V ВСАС", "category" => "Товары"),
			array("label" => "Вентилятор в сборе 4D-560 380 V ВСАС", "category" => "Товары")
		);
		
		echo json_encode ($test);