JQuery autocomplete как настроить?

Question

[bullock]

Пытаюсь настроить JQuery Autocomplete, написал такой код:

$("#name_input").autocomplete({
        source: 'Home/MessageHandler',
        minLength: 1,
        select: function (event, ui) {
            log("Selected: " + ui.item.value);
        }
    });
});

И вот такой контроллер (использую ASP .Net Core):

public JsonResult MessageHandler()
{
    string result = "[{label:'string1',value:'string2'},{label:'string3',value:'string4'}]";

    return Json(result);
}

Если обратиться на прямую к серверу: localhost:3140/Home/MessageHandler то все ок я получаю строку: [{label:'string1',value:'string2'},{label:'string3',value:'string4'}]

Но если вводить запрос в input к которому подключено событие autocomplit, автокомплит не появляется, а в строке input появляется иконка загрузки которая больше не пропадает от туда(см. скрин3)
Прилагаю скрины ответа от сервера:

Заголовки:

Ответ от сервера:

Поле input с иконкой которая не пропадает:


Подскажите в чем у меня проблема?

Answer 1

[bullock]

Проблема была в том что контроллер отдавал не правильный json, переписал так:

public IActionResult MessageHandler()
{
           var result = new[] { @"ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++",
                                "Clojure", "COBOL", "ColdFusion", "Erlang","Fortran", "Groovy","Haskell",
                                "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python","Ruby", "Scala", "Scheme" };
            return Json(result);
}

И все стало ок Теперь ответ от сервера выглядит так:


Если кто подскажет где собака порылась будут благодарен.