Bagaimana untuk mendapatkan nilai json dengan jquery

Sebagai perpustakaan Javascript, Jquery sangat berkuasa dan fleksibel dalam memproses data JSON. Dalam artikel ini, kami akan meneroka cara menggunakan Jquery untuk mendapatkan nilai JSON.

Pengenalan JSON
JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang wujud dalam format teks. Ia bukan sahaja mudah untuk manusia membaca, tetapi juga mudah untuk mesin menghuraikan dan menjana. JSON mempunyai ciri-ciri berikut:

• Serupa dengan sintaks literal objek JavaScript
• Ia ialah format teks biasa dan mempunyai struktur hierarki yang serupa dengan XML
• Boleh dibaca dan dijana oleh mana-mana bahasa pengaturcaraan

Secara amnya, nilai JSON boleh menjadi jenis data berikut:

• Nombor (nombor integer atau titik terapung)
• String (dalam petikan berganda)
• Nilai logik (benar atau palsu)
• Array (dalam kurungan segi empat sama [])
• Objek (dalam Dalam kurungan kerinting {})
• null

Dalam Jquery, anda boleh menggunakan kaedah $.parseJSON() atau $().parseJSON() untuk menukar data JSON kepada objek Javascript. Menggunakan kaedah ini, anda boleh mengakses sifat objek Javascript.

Berikut ialah contoh JSON:

{

"name": "John Smith",
"age": 30,
"city": "New York"

}

JSON ini mengandungi tiga atribut: nama, umur dan bandar. Sekarang mari kita lihat bagaimana untuk mendapatkan nilai sifat ini dalam Jquery.

Gunakan Jquery untuk mendapatkan nilai atribut JSON

Kita boleh mendapatkan nilai atribut JSON dengan cara berikut:

1 Anda boleh menggunakan notasi Dot untuk mengakses sifat objek JSON. Berikut ialah contoh:

var obj = {"name": "John Smith", "age": 30, "city": "New York"};

console.log(obj.name ); //"John Smith"

2. Gunakan notasi kurungan segi empat sama:

Anda boleh menggunakan notasi kurungan segi empat sama untuk mengakses sifat objek JSON. Berikut ialah contoh:

var obj = {"name": "John Smith", "age": 30, "city": "New York"};

console.log(obj[" name"]); //"John Smith"

Di mana, jika nama atribut mengandungi ruang atau aksara khas lain, ia mesti disertakan dalam kurungan.

3 Gunakan lelaran .each():

Kaedah $().each() ialah alat yang sangat berguna yang boleh digunakan untuk lelaran melalui set elemen dan beroperasi pada mereka. Ia boleh digunakan untuk mengulangi sifat objek semasa memproses data JSON.

Berikut ialah contoh:

var obj = {"name": "John Smith", "age": 30, "city": "New York"};

$ .each(obj, function(key, value) {

console.log(key + ": " + value);

});

Ini akan berulang pada setiap sifat objek dan kemudian mengeluarkan pasangan nilai kunci mereka.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara mendapatkan nilai daripada data JSON menggunakan Jquery. Kita boleh menggunakan tatatanda titik atau tanda kurungan segi empat sama untuk mengakses sifat objek JSON, atau kita boleh menggunakan lelaran .each() untuk mengulang sifat objek. Ini adalah ciri hebat Jquery yang menjadikannya sangat mudah untuk memproses dan memanipulasi data JSON.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nilai json dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!