JSONمخفف JavaScript Object Notation به معنای نشانه گذاری شی های جاوا اسکریپ ، سینتکسی برای ذخیره و تبادل داده در ایجاد صفحات در طراحی وب سایت می باشد. در زیر مثالی از JSON نوشته شده است که شی employees با آرایه ای در سه رکورد نمایش داده شده است. با رعایت قواعد JSON می توانید از مزایای جاوا اسکریپ بهر گیری نمایید و با بهبود در نقطه نظر طراحی سایت خود در بهینه سازی وب سایت نفش موثر خود را ایفا نمایید.





{"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]}





فرمت JSON قاعدتا برای ایجاد شی های JavaScript استفاده می شوند. برنامه جاوا اسکریپ از توابع استاندارد جاوا اسکریپ به منظور تبدیل داده های JSON به شی های خام جاوا اسکریپ در طراحی سایت، استفاده می کند.





<!DOCTYPE html>
<html>
<body>


<h2>JSON Object Creation in JavaScript</h2>


<p id="demo"></p>


<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'


var obj = JSON.parse(text);


document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>


</body>
</html>





JSON بسیار شبیه XML می باشد و در خصیصه هایی مانند تکس خالص، سلسله مراتبی شباهت دارند. اما از XML آسان تر و سریع تر می باشد. قواعدی که در JSON می بایست رعایت شود عبارت اند از:


داده در قالب نام و مقدار ظاهر می شود
داده با استفاده از کاما جدا می شود.
اشیاء در آکولاد قرار می گیرند.
ارایه ها در براکت قرار می گیرند.



متغیردر JSON می تواند عدد، رشته، آرایه،شی، بولین و خالی باشد. در زیر نمونه ای از یک شی درج شده است.


{"firstName":"John", "lastName":"Doe"}


معمول ترین کاربرد JSON به منظور خواندن داده از وب سرور و نمایش آن داده ها در صفحه پیج می باشد. در زیر نمونه ای از استفاده از JSON در منو موجود در صفحه می باشد.





<div id="id01"></div>


<script>
function myFunction(arr) {
var out = "";
var i;
for(i = 0; i<arr.length; i++) {
out += '<a href="' + arr[i].url + '">' + arr[i].display + '</a><br>';
}
document.getElementById("id01").innerHTML = out;
}
</script>


<script src="/demo/myTutorials.js"></script>



منبع: JSON در طراحی وب سایت