Json in javascript and jquery cannot get the value of the item by key

Question

<script>
    $( document ).ready(function() {
    jQuery.get('url', function(msg){
        entirePage = JSON.stringify(msg);

        text=(JSON.parse(entirePage));
         console.log(text.productid);
       console.log(text['productname']);


    });
    });
</script>

the result is like the following:

but if i try this code:

 $( document ).ready(function() {
    jQuery.get('url', function(msg){
        entirePage = JSON.stringify(msg);
        text=(JSON.parse(entirePage));
         console.log(text);
    });
    });

I have the following result:

i used php code: $myObj->productid = $all_product->getproductid(); $myObj->productname = $all_product->getproductname(); $myObj->detial = $all_product->getdetail(); $myObj->image = $all_product->getimageurl(); $myJSON=json_encode($myObj,JSON_UNESCAPED_UNICODE); echo $myJSON; — Wria Mohammed
– Wria Mohammed, Commented Mar 12, 2020 at 8:58
Why are you serializing then deserializing the input ? You are doing unnecessary operations — Cid
– Cid, Commented Mar 12, 2020 at 9:03
Use the Network tab and check the full response. Make sure there's nothing before or after the JSON. Sometimes there are error messages or HTML. — Barmar
– Barmar, Commented Mar 12, 2020 at 9:07
Network tabs is fine, and I have everything there, but I need to get some html tag inside the json, because I create json from mysql database. — Wria Mohammed
– Wria Mohammed, Commented Mar 12, 2020 at 9:14

Faxradin majid · Accepted Answer · 2020-03-12 09:48:19Z

2

const myArrStr = JSON.parse(msg);
    console.log(myArrStr[0].productid);

that is it, but make sure you do not have extra things when you create your json.

answered Mar 12, 2020 at 9:48

Faxradin majid

1093 bronze badges

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

Comments

Jry9972 · Accepted Answer · 2020-03-12 10:00:52Z

2

Check whether the msg is of type string or object using type of operator before parsing.

I'm not sure why you're stringifying and parsing the same msg object and trying to get some of the properties from it.

If you're just interested in just getting the properties of the returned object. Check the type and proceed..

jQuery.get('url', function(msg) {
    if (typeof msg === 'string') {
        msg = JSON.parse(msg); // you can write a try-block-catch in case if its not a valid JSON
    }

    // additionally check for typeof msg === 'object'
    let productId = msg.productid; // you can add extra check using text.hasOwnProperty('productid'); if not sure
    let productName = msg.productname;
    // ...
});

answered Mar 12, 2020 at 10:00

Jry9972

4737 silver badges16 bronze badges

1 Comment

Wria Mohammed Over a year ago

thank you my problem solved by the previous answer.

Collectives™ on Stack Overflow

Json in javascript and jquery cannot get the value of the item by key

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related