JSON/JQUERY/JS - Access properties from object

Question

From my PHP processing file I receive back an object ([object Object]) and I'd like to access it's content's with calls like data[0].errors etc, but all tries seem to fail for me.

How may I achieve that?

Here's what the object looks like:

" Array
(
    [success] => 
    [errors] => Array
        (
            [companyname] => Company name is required and must have 50 characters at most.
            [logo1] => Logo is required.
            [investment] => First investment amount is required.
            [investment1] => Investment value must be an integer.
            [payment] => Basic wage is required.
            [payment1] => Payment value must be an integer.
            [companytype] => Company type is required.
            [companytype2] => Something is wrong with your company type.
        )

)
"

I have to display those errors in console div to show the user what has he done wrong.

EDIT:

Here's exactly what I get when I console.log(data):

Also here's my AJAX request to make everything clear.

        $.ajax({
                type        : 'POST',
                url         : 'processcreatecompany.php',
                data        : formData,
                dataType    : 'json',
               contentType: false,
               processData: false,
                encode      : true
            }).done(function(data) {

                console.log(data);
            }).fail(function(data) {

                console.log(data);

        })

what i receive is actually [object Object], thanks to Chrome developers menu i can actually see that there is the array, ill screenshot it and show you to make it clearer. ill edit question in a second @ibrahimmahrir — Damian Doman
– Damian Doman, Commented Apr 26, 2017 at 23:54
seems that the problem is in the PHP part, you should post the code — Lohmar ASHAR
– Lohmar ASHAR, Commented Apr 27, 2017 at 0:01
In your PHP you should json encode your $data['errors'] array and return that to your javascript. Then, in your success callback in your AJAX call, you can parse the json string response into an object, and access the way you're expecting — Wrinn
– Wrinn, Commented Apr 27, 2017 at 0:12

Lohmar ASHAR · Accepted Answer · 2017-04-27 00:24:31Z

3

as expected the problem is in the php part ... you are doing a print_r of the objects which gives that output that it's not json

you should use json_encode to return the $data object/array, so instead of

print_r($data['success']);
print_r($data['errors']);

you should have (also you should add the content type header )

header('Content-Type: application/json');
echo json_encode($data);

Later edit: without the header you usually get the response as text/plain in data.responseText, as in your screenshot, and and you will have to do the JSON parsing "by hand". Adding the header makes jQuery do the parsing automatically and you'll have the response as an object in data.response<something I dont recall now>

edited Apr 27, 2017 at 0:24

answered Apr 27, 2017 at 0:12

Lohmar ASHAR

1,77114 silver badges20 bronze badges

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

1 Comment

Damian Doman Over a year ago

wow, I can't believe i make such silly mistakes... :) still I'd never get to it since my knowledge is pretty limited - thanks for contributing and helping me out @LohmarASHAR ! Much appreciated!

Collectives™ on Stack Overflow

JSON/JQUERY/JS - Access properties from object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related