Problem with jquery ajax get function response data

See more:

Ajax

jQuery

Hi all,

I'm facing an issue all of a sudden recently with the below AJAX snippet.

var obj = $.get(serviceUrl + "?q=" + keyword, function (data, status) {
  if (status == 'success') {
    $.each(data, function (index, item) {
      returnString = item.keymatchterm;
      returnString = encodeURIComponent(returnString);
    });
  }
}, "json");

Sample Response Output: data = "[{"keymatchterm":"Axis"}]", status = "success"

When using the $.each, the data is getting iterated as

index = 0, item = "[" rather than {"keymatchterm":"Axis"}

I'm not able to find out what could be the reason for this issue.
Any suggestions on this would greatly help.

Thanks in advance

What I have tried:

Initially the data type was not included as a part of $.get method. I later added it just to make sure the expected data type is JSON. I'm not sure whether should we explicitly use JSON Parse() method to parse the response. The response is already in JSON.