มาเล่น WebAPI ให้รับ Request Json และ Response กลับไป json (ภาค 2)

หลังจากภาคที่ 1 เราได้รับ Response จาก Web API มาแล้ว
ภาคนี้เราจะมาดูวิธี จัดการ กับ Json ที่เราได้รับ ผ่าน java script กัน
มาเริ่มกันเลย ดีกว่า โดยปรับปรุง code ในส่วน ของ การรับ ดังนี้
 $.ajax({
        type: "POST",
        url: http://localhost:32197/api/values,
        data: JSON.stringify(data2),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
                    console.log('OK');
                   document.writeln(data);
                   document.writeln(JSON.stringify(data));
                   document.writeln(data.width);
                   var count = Object.keys(data).length
                   document.writeln(count);
                   for (var key in data) {
                          if (data.hasOwnProperty(key)) {
                                   document.writeln(key + " -> " + data[key]);
                           }
                    }
        }
 });

อธิบาย code
 document.writeln(data); คือ จะได้ type ของ data
 document.writeln(JSON.stringify(data));  คือ จะได้ string ของ json data
 document.writeln(data.width); คือ เข้าถึง properties ของ data
 var count = Object.keys(data).length คือ ดึง จำนวน ของ data
for (var key in data) {
                          if (data.hasOwnProperty(key)) {
                                   document.writeln(key + " -> " + data[key]);
                           }
                    }
คือ การวนเข้า ข้อมูลแต่ละตัว ใน data


เป็นอันจบ ครับ