jQuery autocomplete for json data

Question

Я возвращаю массив строк из контроллера в ajax-вызов. пытаясь установить в текстовое поле эти значения. в текстовом поле он не заполняется. но я вижу данные в методе успеха.

[HttpGet] 
    [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")] 
    public JsonResult GetWorkNamesAutoPoplate(string companyName) 
    { 
     ... 
     var newKeys = companyNameslst.Select(x => new string[] { x }).ToArray(); 

     var json = JsonConvert.SerializeObject(newKeys); 
     return Json(json, JsonRequestBehavior.AllowGet); 
    } 

JS

$(document).on('change', '[name="FindCompanyName"]', function() { 
    $('[name="FindCompanyName"]').autocomplete({   
     source: function (request, response) {   
      $.ajax({ 
       url: "GetWorkNamesAutoPoplate", 
       type: "GET", 
       dataType: "json", 
       data: { companyName: $('[name="FindCompanyName"]').val() }, 
       success: function (data) { 
        alert(JSON.stringify(data)); 
        response($.map(data, function(item) { 
         console.log(item); 
         return { 
          value: item 
         } 
        }));  
       } 
      }); 
     }, 
     messages: { 
      noResults: "", results: "" 
     }  
    }); 
}); 

alert(JSON.stringify(data)); дисплей, как это.

Как заполнить эти данные в текстовом поле

Answer 1

Возвращаемый тип ваш json is массив массивов, я думаю, вы должны вернуть его как массив

var newKeys = companyNameslst.ToArray(); 

также, ваши данные сериализовать дважды,

один из линии,

var json = JsonConvert.SerializeObject(newKeys); 

и второй раз из фильтра JsonResult действия

return Json(json, JsonRequestBehavior.AllowGet); 

отправки данных JSON как,

return Json(newKeys, JsonRequestBehavior.AllowGet); 

вместо

var json = JsonConvert.SerializeObject(newKeys); 
return Json(json, JsonRequestBehavior.AllowGet); 

должен работать.

надеюсь, что это поможет.

Answer 2

Это может решить проблему:

success: function (data) { 
        alert(JSON.stringify(data)); 
        if (data != null) { 
        response(data.d); 
        } 
       } 

Кроме того, эта ссылка может помочь вам получить некоторую информацию: How to use source: function()... and AJAX in JQuery UI autocomplete