Cara menggunakan JASONP pada JavaScript

What Is JSON

JJSON adalah singkatan dari Javascript Object Notation dan digunakan untuk pertukaran data untuk berbagai perangkat, OS, atau pemrograman. Dan dapat digunakan untuk menyimpan data ke database (ex mongoDB) .JSON seperti XML, namun menggunakan sintaks javascript saat membuatnya.Mengapa JSON ketika bisa menggunakan XML untuk menyimpan dan komunikasi antar data ? Alasannya adalah menggunakan JSON karena JSON lebih cepat dan mudah daripada XML. Apalagi saat kita membangun Aplikasi AJAX, ada baiknya menggunakan JSON untuk menangani transfer data.

TDChanel – Introduction to JSON

Cara Membuat File JSON

Membuat file JSON sama persis ketika membuat objek dalam kode javascript. Contoh:

var user = [
  {
    'name' : 'Noah',
    'email' : '',
    'username' : 'noah432'
  },
  {
    'name' : 'James',
    'email' : '',
    'username' : 'james123'
  },
]

Untuk mengakses JSON, kita menggunakan indeks array dari user. Contoh:

document.write(user[0].name);
document.write(user[0].email);
document.write(user[0].username);

Demo

• Parsing JSON With PHP

Encode and decode JSON with PHP Programming,kita menggunakan fungsi json_encode untuk mengembalikan nilai JSON dan fungsi json_decode untuk decode kode JSON.

<?php
  $user_array = array(
    array(
      'name' => 'John',
      'email' => '',
      'username' => 'itsjohn',
    ),
    array(
      'name' => 'Calvin',
      'email' => '',
      'username' => 'heycalvin',
    ),
    array(
      'name' => 'Zack',
      'email' => '',
      'username' => 'worldofzack',
    ),
  );

  $json_data = json_encode($user_array);
  echo $json_data;
?>

Hasilnya akan menjadi

[{"name":"John","email":"","username":"itsjohn"},

{"name":"Calvin","email":"","username":"heycalvin"},

{"name":"Zack","email":"","username":"worldofzack"}]

Decode JSON menggunakan PHP, menggunakan fungsi json_decode

<?php
 $json_data = '[{"name":"John","email":"","username":"itsjohn"}

,{"name":"Calvin","email":"","username":"heycalvin"},

{"name":"Zack","email":"","username":"worldofzack"}]';
  $user_array = json_decode($json_data);

  print_r($user_array);
?>

Hasilnya array yang berisi object

Array
(
    [0] => stdClass Object
        (
            [name] => John
            [email] => 
            [username] => itsjohn
        )

    [1] => stdClass Object
        (
            [name] => Calvin
            [email] => 
            [username] => heycalvin
        )

    [2] => stdClass Object
        (
            [name] => Zack
            [email] => 
            [username] => worldofzack
        )

)

Kalau ingin murni menghasilkan array bisa memberi nilai true pada parameter kedua json_decode

  $json_data = '[{"name":"John","email":"","username":"itsjohn"}

,{"name":"Calvin","email":"","username":"heycalvin"},

{"name":"Zack","email":"","username":"worldofzack"}]';
  $user_array = json_decode($json_data,true);

  print_r($user_array);

Tools JSON

• JSON Parser
  • JSON Parser Online
• JSON Validator and Formatter
• JSON Converter
  • Let’s convert JSON from CSV file
  • XML to JSON converter
• JSON Generator
  • Objgen – Model & generate live JSON data
  • JSONSchema – automatically generates JSON Schema
  • JSON Utils – JSON Utilies help generates class object from JSON to C#, VB.net, Javascript, SQL Table, Java, PHP

Tutorials Lain JSON

Perbandingan JSON dan XML:

• JSON mendukung array, membuat sebuah objek, sintaks sederhana, bagus untuk aplikasi AJAX, akses data yang cepat.
• XML tidak mendukung array, tag XML yang dideklarasikan oleh programmer, ukuran datanya yang besar, jika ingin mengakses data harus menggunakan XML DOM. Ini akan memakan banyak waktu dibandingkan JSON yang menggunakan Javascript sendiri saat mengakses data.