jquery parse json array fails

Question

I have json array like this one:

[{"code" : "A1", "desc" : "desc1"},{"code" : "A2", "desc" : "desc2"}]

How should i parse it in jquery to get data like this:

A1 - desc1
A2 - desc2

I tried lots of different ways, but none of them works. At the moment i have a code like this:

$.ajax({
    url: 'my_url',
    success: function(data) {
        $.each(data, function (key, val) {
            alert(val.code);
        });
    },
    error: function() {
        alert('problem');
    }
});

Answer 1

Ok, i solved my problem. The problem was my hosting provider. I am using Codeigniter as a framework, and return result as json. My hosting provides adds 3 additional lines to the result (uses them for tracking opened pages). Problem was, that i was checking json, which i see in browser, but when i rightclicked and checked source code, i found those lines.

Answer 2

You can also try setting the

dataType:'json' // to your ajax request

After adding this try to check with parseJson and sans parseJson

Answer 3

Use

jQuery.parseJSON( json )

Change code to

$.ajax({
   url: 'my_url',
   success: function(data) {
      var jsonData = jQuery.parseJSON(data);
      $.each(jsonData, function (key, val) {
        alert(val.code);
      });
  },
  error: function() {
    alert('problem');
  }
});

EDIT: Working fiddle

Cheers!!