成功的jquery $ .post（）之后需要帮助返回json字符串

Question

I am posting to a php page that is returning the following json encoded string

{"msg":"Hi {{full_name}}, <br \/>\r\n<br \/>\r\n  It was nice meeting you."}

I had added that json object in the <script> </script>

However when run the $.post() and try to output data.msg it says undefined .

Here is the full code

  $.post("mass_messaging.php",{template_id: template_id})

        .done(function(data){

            console.log(data.msg)
            //Outputs undefined??? 


        });

Below is a snippet of my html code

<script>

addMustachePlaceHolder();

{"msg":"Hi {{full_name}}, <br \/>\r\n<br \/>\r\n  It was nice meeting you."}

</script>

Any help would be really appreciated.

Answer 1

You probably need to parse the json as it is a string and you need an object. jQuery can do that automatically if you set the data type:

$.post("mass_messaging.php", {template_id: template_id}, function(){}, "json")
                                                                       ^^^^^^ here

Apart from that it is not entirely clear what you are returning. You should only return one valid json string from your php script and nothing else; no script tags, javascript, etc.

Answer 2

I found the answer. I was using json_encode() which was returning a json string.

So i just used data = JSON.parse(data);

and it worked!

Below is what I did

$.post("mass_messaging.php",{template_id: template_id})

    .done(function(data){

       data = JSON.parse(data);

            console.log(data.msg);



    });

Answer 3

var obj = jQuery.parseJSON( data );
console.log(obj.msg);