จะรับค่า JSON จาก URL เพื่อนำมาเก็บไว้ในตัวแปรหรือแสดงค่า

**************ตอนนี้ทำได้แล้วนะครับ ขอบคุณทุกคนที่เข้ามาช่วยตอบด้วยครับ**************
ผมต้องการจะรับค่า JSON จาก URL เพื่อนำมาเก็บไว้ในตัวแปรหรือแสดงค่า
url มาจากเว็บ https://dweet.io/
ซึ่งตอนนี้ผมสามารถรับค่ามาได้ แต่มันไม่สามารถนำค่าในฟังก์ชั่นมาใช้ได้
ตาม2รูปนี้ครับ
https://www.picz.in.th/images/2018/06/14/4gyBp0.png
https://www.picz.in.th/images/2018/06/14/4gykQZ.jpg
ค่ามันอยู่ใน log ต้องกด inspect ดูถึงจะเห็นข้อมูล ผมต้องทำยังไงครับถึงจะเอาค่าออกมาก็บไว้ในตัวแปรได้
โดยใช้ภาษา HTML หรือ Javascript
CODE
///////////////////////////////////////////////////
<html>
<head>
  <title></title>
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
  <script type = "text/javascript">
   var json2;
   $.getJSON("https://dweet.io/dweet/for/XXXXXXX",function(json)
   {
    var json2 = json;
    console.log(json2);
   });
   console.log('2 '+json2);
  </script>
</body>
</html>
//////////////////////////////////////////////////////////////////////////

//แก้เป็น

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <span id="test"></span>

    <script type="text/javascript">
         $.getJSON("https://dweet.io/get/latest/dweet/for/XXXXXXXX",function(json)
        {
            console.log(json.with[0].content)
            var thing = JSON.stringify(json.with[0].content);
            document.getElementById("test").innerHTML = thing;
        });
    </script>
</body>

</html>
แก้ไขข้อความเมื่อ
คำตอบที่ได้รับเลือกจากเจ้าของกระทู้
ความคิดเห็นที่ 1
$.getJSON("https://dweet.io/dweet/for/XXXXXXX",function(json)
   {
    var json2 = JSON.parse(json); //ตัวแปร json2 จะเป็น object โครงสร้างตามที่ตัวแปร json (ที่เป็น string) กำหนดไว้
   });


จริงๆ ต้องเป็น

$.getJSON("https://dweet.io/dweet/for/XXXXXXX",function(json)
  {
    // ตัวแปร json เป็น object อยู่แล้ว จะใช้ค่าอะไรก็เรียกมาใช้แบบ object ได้เลย เช่น ต้องการดึงค่า "thing" ที่อยู่ใน "with" ออกมาใช้
    var thing = json.with.thing;
});

ตัวอย่าง

<html>

<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <span id="test"></span>

    <script type="text/javascript">
        $.getJSON("https://dweet.io/dweet/for/my-thing-name?hello=world", function(json) {
            // ตัวแปร json เป็น object อยู่แล้ว จะใช้ค่าอะไรก็เรียกมาใช้แบบ object ได้เลย เช่น ต้องการดึงค่า "thing" ที่อยู่ใน "with" ออกมาใช้
            var thing = json.with.thing;
            // แสดงค่า thing ใน <span>
            document.getElementById("test").innerHTML = thing;
        });
    </script>
</body>

</html>
แสดงความคิดเห็น
โปรดศึกษาและยอมรับนโยบายข้อมูลส่วนบุคคลก่อนเริ่มใช้งาน อ่านเพิ่มเติมได้ที่นี่