jQuery autocomplete for json data

Question

I am returning array of strings from controller to ajax call. trying to set to textbox those values. in textbox it is not populating. but I can see data in success method.

  [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)); display like this. enter image description here

How to populate this data in textbox

Have a look at this .stackoverflow.com/questions/27578169/… — Mairaj Ahmad
– Mairaj Ahmad, Commented May 27, 2015 at 4:50

shakib · Accepted Answer · 2015-05-27 06:34:22Z

0

The return type of your json is an array of arrays, i think you should return it as an array

var newKeys = companyNameslst.ToArray();

also, your data are serialized twice,

one from line,

var json = JsonConvert.SerializeObject(newKeys);

and second time from JsonResult action filter

return Json(json, JsonRequestBehavior.AllowGet);

sending json data like,

return Json(newKeys, JsonRequestBehavior.AllowGet);

instead of

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

should work.

hope this helps.

edited May 27, 2015 at 6:34

answered May 27, 2015 at 6:13

shakib

5,4592 gold badges33 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:30:08Z

0

This may resolve your issue :

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

Also this link might help you to get some information :How to use source: function()... and AJAX in JQuery UI autocomplete

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered May 27, 2015 at 5:31

Nivs

3742 silver badges15 bronze badges

Collectives™ on Stack Overflow

jQuery autocomplete for json data

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related