জাভাস্ক্রিপ্ট জেসন(JSON)
ডাটার সংরক্ষন এবং ডাটার আদান-প্রদানের একটি পদ্ধতি হলো জেসন।
সার্ভার থেকে ওয়েবপেজে ডাটা পাঠানোর জন্যও জেসন ব্যবহার করা হয়।
জেসন কি?
- জেসন হচ্ছে জাভাস্ক্রিপ্ট অবজেক্ট নোটেশন(JSON - JavaScript Object Notation)
- জেসন হচ্ছে ডাটা আদান-প্রদানের একটি সুবিধাজনক পদ্ধতি
- জেসন সকল ল্যাংগুয়েজে ব্যবহারযোগ্য*
- জেসন স্ব-বর্ণনামূলক এবং এটি বুঝতেও সহজ
*জেসনের গঠনপ্রণালী জাভাস্ক্রিপ্ট অবজেক্ট নোটেশন হতে পাওয়া। যেকোন প্রোগ্রামিং ল্যাংগুয়েজে জেসন ফরমেটে কোড লিখা যায়।
গঠনপ্রণালী
জেসনের গঠনপ্রণালী ব্যবহার করে একটি developer অবজেক্ট তৈরি করা হয়েছেঃ ৩জন ডেভেলপারের বিবরণী(অবজেক্ট) একটি অ্যারেতে রাখা হয়েছেঃ
উদাহরণ
{
"members":[
{"firstName":"Motiur", "lastName":"Rahman"},
{"firstName":"saleh", "lastName":"ahmed"},
{"firstName":"tamjid", "lastName":"hasan"}
]
}
জাভাস্ক্রিপ্ট অবজেক্ট তৈরির গঠনপ্রণালী এবং জেসনের গঠনপ্রণালী একই।
এই কারণে জেসন ডাটাকে একটি জাভাস্ক্রিপ্ট প্রোগ্রাম খুব সহজেই একটি জাভাস্ক্রিপ্ট অবজেক্টে রুপান্তর করতে পারে।
JSON গঠনের নিয়ম
- ডাটা name/value আকারে থাকে
- ডাটাকে কমার(,) মাধ্যমে পৃথক করা হয়
- দ্বিতীয় বন্ধনীর ভিতরে অবজেক্ট রাখা হয়
- তৃতীয় বন্ধনীর ভিতরে অ্যারে রাখা হয়
জেসন ডাটা
জাভাস্ক্রিপ্ট অবজেক্ট প্রোপার্টির মত জেসন ডাটা name/value এর জোড়া আকারে লিখা হয়।
"firstName":"tamim"
জেসনের নাম লিখতে ডাবল কোটেশন("") দেওয়া বাধ্যতামূলক।
জেসন অবজেক্ট
জেসন অবজেক্ট দ্বিতীয় বন্ধনীর ভিতরে লেখা হয়। জাভাস্ক্রিপ্ট অবজেক্টের মত জেসন অবজেক্টেও একাধিক name/value এর জোড়া থাকতে পারেঃ
{"firstName":"Tamjid", "lastName":"hasan"}
জেসন অ্যারে
জেসন অ্যারে তৃতীয় বন্ধনীর মাধ্যমে লিখা হয়। জাভস্ক্রিপ্টের মত জেসন অ্যারেও অবজেক্ট ধারণ করতে পারেঃ
"members":[
{"firstName":"Tamjid", "lastName":"hasan"},
{"firstName":"Motiur", "lastName":"Rahman"},
{"firstName":"saleh", "lastName":"ahmed"}
]
জেসন টেক্সটকে জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তর
ওয়েব সার্ভার থেকে ডাটা ওয়েব পেজে দেখানোর জন্য জেসন ব্যবহার করা হয়।
প্রথমে জেসন ডাটাকে জাভাস্ক্রিপ্ট স্ট্রিংয়ের মধ্যে রাখতে হবে,তারপর ঐ স্ট্রিংকে জাভাস্ক্রিপ্ট অবজেক্টে রুপান্তর করতে জাভাস্ক্রিপ্টের JSON.parse() ফাংশনটি ব্যবহার করুনঃ
উদাহরণ
var information = '{ "members" : [' +
'{"firstName":"Motiur", "lastName":"Rahman"},' +
'{"firstName":"Tamjid", "lastName":"hasan"},' +
'{"firstName":"saleh", "lastName":"ahmed"} ]}';
var obj = JSON.parse(information);
তারপর নতুন জাভাস্ক্রিপ্ট অবজেক্ট ব্যবহার করুনঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h2> JSON স্ট্রিং থেকে অবজেক্ট তৈরী করা</h2>
<p id="test"></p>
<script>
var information = '{"members":[' +
'{"firstName":"আজিজুর","lastName":"রহমান" },' +
'{"firstName":" তামিম","lastName":" তাহমিদ " },' +
'{"firstName":"শাপলা","lastName":"আজিজ" }]}';
obj = JSON.parse(information);
document.getElementById("test").innerHTML =
obj.members[1].firstName + " " + obj.members[1].lastName;
</script>
</body>
</html>
ফলাফল