undifined error when displaying values of php json encoded array by jquery

Question

I am trying to display data that received from jquery post. but it is giving me an error saying undefined

my php json encoded array is this.

[{"matId":"7","matName":"test","matBrand":"est","matPackaging":"1","matWidth":"434","matHeight":"23","matLength":"23","matWeight":"23","matArea":"23","matVolume":"23","matPerPack":"32","supplier1":"19","supplier2":"19","supplier3":"19","requiredInPhase":"","stockItem":"1"}]

then in jquery I am trying to alert one of this value, but it gives error 'undefined'.

this is my jquery code

$('#matId').on('change', function() {
            var matId = $(this).val();
            $.post('<?php echo base_url() . 'display_mat_details'; ?>', {matId: matId}, function(redata) {
                var obj = $.parseJSON(redata);
                alert(obj.matId);
            });
        });

Pranav C Balan · Accepted Answer · 2014-11-15 10:31:20Z

1

Your data is enclosed within the [] that's an array.So u need to use [0] to get first object from the array

$('#matId').on('change', function() {
  var matId = $(this).val();
  $.post('<?php echo base_url() . '
    display_mat_details '; ?>', {
      matId: matId
    }, function(redata) {
      var obj = $.parseJSON(redata);
      alert(obj[0].matId);
    });
});

Example:

var str = [{"matId":"7","matName":"test","matBrand":"est","matPackaging":"1","matWidth":"434","matHeight":"23","matLength":"23","matWeight":"23","matArea":"23","matVolume":"23","matPerPack":"32","supplier1":"19","supplier2":"19","supplier3":"19","requiredInPhase":"","stockItem":"1"}];
alert(str[0].matId);

edited Nov 15, 2014 at 10:31

answered Nov 13, 2014 at 12:32

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

1 Comment

nilobarp Over a year ago

This does work, however doesn't look overly cool. If the OP has access to change the returned data then that would be the first choice rather than subscripting the result.

RichardBernards · Accepted Answer · 2014-11-13 12:32:15Z

1

Thats because your JSON is an array containing an object... Remove the square brackets around the JSON.

answered Nov 13, 2014 at 12:32

RichardBernards

3,0971 gold badge24 silver badges30 bronze badges

Comments

PHP Worm... · Accepted Answer · 2014-11-13 12:45:05Z

1

and to use

$.parseJSON()

your array structure should be like this

var Content = '{"matId":"7","matName":"test","matBrand":"est","matPackaging":"1","matWidth":"434","matHeight":"23","matLength":"23","matWeight":"23","matArea":"23","matVolume":"23","matPerPack":"32","supplier1":"19","supplier2":"19","supplier3":"19","requiredInPhase":"","stockItem":"1"}';

var obj = $.parseJSON(Content);
alert(obj.matId);

answered Nov 13, 2014 at 12:45

PHP Worm...

4,2341 gold badge28 silver badges48 bronze badges

Comments

PHP Worm... · Accepted Answer · 2015-06-10 06:49:31Z

1

Use this code replace obj.matId with obj[0].matId

  $('#matId').on('change', function() {
                var matId = $(this).val();
                $.post('<?php echo base_url() . 'display_mat_details'; ?>', {matId: matId}, function(redata) {
                   // var obj = $.parseJSON(redata);// error here structure of redata is wrong
                   // alert(obj[0].matId);
                    alert(redata[0].matId);
                });
            });

edited Jun 10, 2015 at 6:49

answered Nov 13, 2014 at 12:35

PHP Worm...

4,2341 gold badge28 silver badges48 bronze badges

Collectives™ on Stack Overflow

undifined error when displaying values of php json encoded array by jquery

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related