JQuery Autocomplete - JSON.Parse error

Question

Я пытаюсь реализовать эту веб-api автозаполнение в стандартном приложении mvc. http://techbrij.com/987/jquery-ui-autocomplete-asp-net-web-api

Вот захват экрана от Firebug http://sdrv.ms/N0WkHP

Я создал метод контроллера и добавил скрипт JQuery, но я постоянно получаю «JSON.parse: неожиданный символ» ошибка. Я не вижу никаких необычных символов в своих данных.

$(document).ready(function() { 
$('#txtSearch3').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: '/home/Get', 
      type: 'GET', 
      cache: false, 
      data: request, 
      dataType: 'json', 
      success: function (json) { 
       // call autocomplete callback method with results 
       response($.map(json, function (name, val) { 
        return { 
         label: name, 
         value: val 
        } 
       })); 
      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
       //alert('error - ' + textStatus); 
       console.log('error', textStatus, errorThrown); 
      } 
     }); 
    }, 
    minLength: 2, 
    select: function (event, ui) { 
     alert('you have selected ' + ui.item.label + ' ID: ' + ui.item.value); 
     $('#txtSearch3').val(ui.item.label); 
     return false; 
    } 
}) 
}); 

// мой код контроллера

public IDictionary<int, string> Get(string term) 
    { 
     using (myEntities context = new myEntities()) 

     { 
      return context.Categories1.Where(x => x.CategoryName.Contains(term)).ToDictionary(x => x.CategoryId, x => x.CategoryName); 
     } 

    } 

Answer 1

ОК, наконец, понял это, мое возвращение должно было быть моим истинным json, не нужно для метки/значения.

Спасибо за полезные ответы

$(document).ready(function() { 
$('#txtSearch3').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: '/home/Get', 
      type: 'GET', 
      cache: false, 
      contentType: "application/json; charset=utf-8", 
      data: request, 
      dataType: 'json', 
      success: function (json) { 

       response($.map(json, function() { 
        return json; 

       })); 

      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
       //alert('error - ' + textStatus); 
       console.log('error', textStatus, errorThrown); 
      } 
     }); 
    }, 
    minLength: 2, 
    select: function (event, ui) { 
     alert('you have selected ' + ui.item.label + ' ID: ' + ui.item.value); 
     $('#txtSearch3').val(ui.item.label); 
     return false; 
    } 
}) 

});

Answer 2

Попробуйте сделать свой обратный контроллер JSON.

public JsonResult Get(string term) 
{ 
    using (myEntities context = new myEntities()) 
    { 
     return Json(context.Categories1.Where(x => x.CategoryName.Contains(term)).ToDictionary(x => x.CategoryId, x => x.CategoryName)); 
    } 

}