آموزش JSON

JSON چیست؟

JSON مخفف JavaScript Object Notation است که به معنای نماد یا دستور نوشتاری شیء در جاوا اسکریپت است از آن برای ذخیره داده ها و تبادل آن ها استفاده می شود.

JSON از دستورات زبان جاوا اسکریپت استفاده می کند.

داده های JSON از نوع متن است که در دستور نوشتاری شیء جاوا اسکریپت استفاده می شود.

داده های JSON را به راحتی می توان در طراحی سایت و صفحات HTML  استفاده کرد.

کاربرد اصلی JSON

کاربرد اصلی JSON در انتقال داده بین سرور و مرورگر است.

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

علاوه بر این ما می توانیم هر JSON که از سرور دریافت می کنیم به شیء در جاوا اسکریپت تبدیل کنیم.

فرمت JSON متن است و می توان از آن در هر برنامه ای استفاده کرد.

قواعد JSON

قواعد دستوری JSON زیر مجموعه زبان جاوا اسکریپت است.

قوانین JSON:

• داده ها به صورت جفت هستند یک کلید و یک مقدار key/value
• دادهای JSON حتما باید بین کوتشین دوتایی (“داده”) قرار بگیرند.
• داده ها با کاما (,) از هم جدا می شوند.

نوع داده JSON

JSON می تواند داده های زیر را در خود ذخیره کند:

• string: رشته یا کاراکتر، از دابل کوتیشن (“داده”) استفاده کنید.
• number: عدد، عدد صحیح و اعشاری فرقی نمی کند.
• object (JSON object): شی
• array: آرایه
• Boolean: بول، معادل فارسی ندارد فقط یک مقدار درست یا غلط را در خود ذخیره می کند.
• Null: خالی یا هیچ

JSON نمی تواند یک تابع، تاریخ یا مقدار تعریف نشده را در خود ذخیره کند.

string:رشته
{ "name":"John" }

number:عدد
{ "age":30 }

object:شی
{
      "employee":{ "name":"John", "age":30, "city":"New York" }     
}

array:آرایه
{
     "employees":[ "John", "Anna", "Peter"]
}

boolean:بول
{ "sale":true }

null:خالی
{ "middlename":null }

ارسال JSON به سرور

آموزش مقدماتی JSON-ارسال داده

برای اینکار ابتدا باید شی جاوا اسکریپت را به JSON  تبدیل کنیم و آن را به سمت سرور ارسال کنیم.

کار تابع ()JSON.stringfy تبدیل شیء به متن است.

نمونه کد

<script>
var myObj = { name: "John", age: 31, city: "New York" };
var myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
</script>

دریافت JSON از سرور

آموزش مقدماتی JSON-دریافت داده

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

کار تابع ()JSON.parse تبدیل متن به شیء است.

<script>
var myJSON = '{"name":"John", "age":31, "city":"New York"}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
</script>

برای آشنایی بیشتر با JSON  از لینک ذیل استفاده نمایید:

JSON (کلیک کنید)

آموزش JSON