ذخیره سبک سند در قالب json. JSON برای مبتدیانی که از جاوا اسکریپت و جی کوئری استفاده می کنند
ذخیره سبک سند در قالب json. JSON برای مبتدیانی که از جاوا اسکریپت و جی کوئری استفاده می کنند
30.04.2019خطاها
JSON از سال 1999 بخشی از استاندارد ECMAScript بوده است، زمانی که ECMA تابع فرمت آگاه () eval را تعریف کرد. محبوبیت آن همراه با موفقیت روزافزون آژاکس افزایش یافت. وقتی کسی در مورد Ajax صحبت می کند، کلمه JSON زیاد به میان می آید. JSON به عنوان یکی دیگر از فرمت های داده شناخته شده است، که جایگزین XML می شود و بسیاری از برنامه نویسان فعالانه از آن پشتیبانی می کنند. اما JSON چیست و چه مزایایی دارد؟
چرا JSON؟
مزیت JSON این است که توسط جاوا اسکریپت شناخته می شود. برای انتقال داده ها از طریق اینترنت، مانند XML نیازی به تجزیه سند نیست.
JSON و XML
مزایای JSON:
آسان برای خواندن و درک.
ساده برای استفاده.
مزایای XML:
قابل گسترش
هر دو XML و JSON توانایی ادغام مقادیر زیادی از داده ها را به صورت باینری دارند.
نحو JSON
اجزای JSON:
اشیاء: شامل اشیا یا صفات است.
متغیرهای اسکالر: عدد، رشته، متغیر بولی.
آرایه.
مقادیر تحت اللفظی: خالی, درست است، واقعی, نادرست, "رشته کاراکتر"، و مقادیر عددی.
یک شی
حاوی یک عنصر یا فهرستی از عناصر است که در آن هر عنصر به شرح زیر است:
"name": "ارزش"
نحو شیء:
(عنصر، عنصر، ....)
آرایه
مجموعه ای از مقادیر جدا شده با کاما.
[ارزش، ارزش، ....]
معنی
مقدار می تواند: شی، آرایه، مقدار تحت اللفظی (رشته، عدد، درست است، واقعی, نادرست, خالی).
برای ایجاد فایل JSON به هیچ چیز دیگری نیاز ندارید!
نمونه فایل JSON
یک مثال ساده از ساختار منو. V این شیشامل ویژگی ها و آرایه ای است که شامل سایر اشیاء نوار منو می شود.
("منو": "پرونده"، "فرمان‌ها": [("عنوان": "جدید"، "عمل": "CreateDoc")، ("عنوان": "باز"، "عمل": "OpenDoc")، ("عنوان": "بستن"، "عمل": "CloseDoc")]) معادل XML:
جدید</value>
<action>CreateDoc</action>
</item>
<item>
<title>باز کن</value>
<action>OpenDoc</action>
</item>
<item>
<title>نزدیک</value>
<action>CloseDoc</action>
</item>
</commands>
</root>
</p><h3><span>نحوه استفاده از فرمت</span></h3>
<p>یک فایل JSON به شما امکان می دهد داده ها را از سرور یا سرور آپلود کنید. به عنوان مثال، ذخیره محتوای فرمی که به تازگی توسط کاربر پر شده است. این فرآیند شامل سه مرحله است: پردازش توسط مرورگر، پردازش توسط سرور و تبادل داده بین آنها.</p>
<h4><span>سمت مشتری (مرورگر)</span></h4>
<p>این بخش بسیار ساده است زیرا JSON بخشی از تعریف جاوا اسکریپت است. محتویات فایل یا داده های تعریف کننده به متغیرها اختصاص داده می شود و آنها به اشیاء برنامه تبدیل می شوند.</p>
<h4>بخش سرور</h4>
<p>فایل JSON به دلیل وجود تجزیه کننده هایی که به شما امکان دریافت محتوا و حتی تبدیل آن به کلاس ها و ویژگی های زبان را می دهد توسط زبان های برنامه نویسی مختلف از جمله PHP و جاوا استفاده می شود. سایت JSON حاوی تجزیه کننده های بسیاری از زبان های برنامه نویسی است.</p>
<h4>تبادل اطلاعات</h4>
<ul><li><span>با استفاده از XMLHttpRequest.</span></li>
</ul><p>فایل JSON در حال پردازش است <a href="https://bumotors.ru/fa/javascript-ispolzovanie-ranee-obyavlennoi-funkcii-v-drugoi-funkcii-funkcii-kak.html">تابع جاوا اسکریپت</a> <i>eval ()</i>... ارسال فایل به سرور با استفاده از XMLHttpRequest قابل انجام است. فایل به صورت یک فایل متنی ارسال می شود و توسط تجزیه کننده زبان برنامه نویسی مورد استفاده در سرور پردازش می شود.</p>
<h3>مثال</h3>
<p>کد XMLHttpRequest:</p><p>Var req = جدید XMLHttpRequest (); req.open ("GET"، "file.json"، true)؛ req.onreadystatechange = myCode; // handler req.send (null);</p><p>کنترل کننده جاوا اسکریپت:</p><p>تابع myCode () (اگر (req.readyState == 4) (var doc = eval ("(" + req.responseText + ")");)) استفاده از داده: var menuName = document.getElementById ("jsmenu"); // به دنبال فیلد menuName.value = doc.menu.value; // یک مقدار به فیلد اختصاص دهید How to get data: doc.commands.title // خواندن مقدار فیلد "title" در آرایه doc.commands.action // خواندن مقدار "عمل" در قسمت آرایه</p>
<p>در این مقاله، می خواهم در مورد فرمت تبادل داده متنی - JSON، یعنی در مورد کار با این فرمت در PHP صحبت کنم.</p>
<p>JSON یک فرمت داده متنی فشرده است. می توان از آن هم در خدمات انتقال داده های اینترنتی و هم برای ذخیره سازی اطلاعات به شکل ساختاریافته استفاده کرد.</p>
<blockquote><p>JSON ( <i>انگلیسی نشانه گذاری شی جاوا اسکریپت</i>) یک قالب مبادله داده متنی است که بر اساس جاوا اسکریپت است و معمولاً با این زبان خاص استفاده می شود. مثل خیلی های دیگر <a href="https://bumotors.ru/fa/csv-fail-konvertirovat-v-xls-import-i-eksport-tekstovyh-failov-v.html">فرمت های متنی</a> JSON برای انسان آسان است.</p>
<p>با وجود منشأ آن از جاوا اسکریپت (به طور دقیق تر، از زیر مجموعه ای از استاندارد ECMA-262 1999)، این فرمت مستقل از زبان در نظر گرفته می شود و تقریباً با هر زبان برنامه نویسی قابل استفاده است. برای بسیاری از زبان ها وجود دارد <a href="https://bumotors.ru/fa/emodzi-smaily-skopirovat-cvetnye-vse-smaily-emoji-kody-simvoly.html">کد آماده</a>برای ایجاد و پردازش داده ها در قالب JSON.</p>
<p>مزایای عملی استفاده از JSON با استفاده از آن آشکار می شود <a href="https://bumotors.ru/fa/ajax-chto-eto-takoe-vliyanie-na-seo-preimushchestva-i-nedostatki-tehnologii.html">فناوری های AJAX</a>... JSON مختصرتر و خواناتر از XML است و بومی جاوا اسکریپت است. علاوه بر این، امکان درج توابع کاملاً کاربردی در کد JSON وجود دارد.</p>
</blockquote>
<p>بله، در فناوری AJAX است، به نظر من، کاربرد اصلی آن است. از آنجایی که فناوری AJAX شامل ارسال درخواست مشتری به سرور است. بیشتر در سرور درخواست پردازش می شود و نتیجه در پاسخ به مشتری ارسال می شود.</p>
<h3>نمای داده JSON</h3>
<p>JSON از تمام فرمت‌های داده اصلی پشتیبانی می‌کند: رشته‌ها، اعداد، مقادیر بولی، و همچنین آرایه‌ها و اشیاء (کلید: ترکیبات مقادیر، جدا شده با کاما و محصور در داخل <a href="https://bumotors.ru/fa/calculator-with-curly-and-square-brackets-the-complexity-of-calculating-school-examples.html">بریس ها</a>).</p>
<p>در اینجا نمونه ای از نمایش داده ها در قالب JSON آمده است:</p><p>("id": "1"، "نام": "ivan"، "کشور": "روسیه"، "دفتر": ["yandex"، "مدیریت"])</p><p>بیایید ببینیم این رشته چه چیزی را می تواند منتقل کند: شخصی به نام "ivan"، تحت شناسه "1" که در کشور "روسیه" زندگی می کند، برای شرکت "yandex" در بخش "مدیریت" کار می کند.</p>
<p>بیایید یک مثال دیگر بزنیم. سایت دارای فرم است <a href="https://bumotors.ru/fa/primenenie-operacionnyh-usilitelei-onlain-proverka-raboty-v-proteus-polozhitelnaya-obratnaya-svyaz.html">بازخورد</a>مجهز به فناوری AJAX بازدید کننده اطلاعات را پر می کند، سپس برای تایید به سرور ارسال می شود، در صورت عدم مشاهده خطایی، اطلاعات در پایگاه داده ذخیره می شود و پاسخی مبنی بر ذخیره موفقیت آمیز ارسال می شود. اما در صورت یافتن خطا، پاسخی با انواع خطا برگردانده می شود.</p>
<p>نمونه ای از پاسخ خطا در فرمت JSON:</p><p>("خطا": "1"، "errorcode": ["empty_pers"، "empty_mail"، "empty_phone"، "empty_letter"، "empty_scode"])</p><p>یعنی مثلا:</p>
<ul><li>شما باید فیلد "شخص تماس" را پر کنید</li>
<li>باید فیلد «ایمیل» را پر کنید</li>
<li>باید فیلد "تلفن" را پر کنید</li>
<li>پیام خود را وارد نمایید</li>
<li>پر کردن فیلد "شماره در تصویر" الزامی است.</li>
</ul><p>اگر خطایی وجود نداشته باشد، پاسخ برگردانده می شود:</p><p>("خطا": "0")</p><p>این در مورد ارسال موفقیت آمیز داده ها می گوید.</p>
<p>در PHP از پسوند JSON برای نمایش داده ها در فرمت JSON استفاده می شود. V <a href="https://bumotors.ru/fa/neskolko-versii-php-i-obnovlenie-php-v-isp-manager-kak-izmenit-ili-obnovit.html">نسخه های PHP</a>پشتیبانی از JSON قدیمی‌تر از 5.2.0 در هسته‌های بیشتر تعبیه شده است <a href="https://bumotors.ru/fa/kak-ustanovit-na-aifon-rannyuyu-versiyu-kak-vernut-predydushchuyu-versiyu-ios.html">نسخه های اولیه</a>باید به اسکریپت شما متصل شود <a href="https://bumotors.ru/fa/kak-pochistit-sistemu-kompyutera-kak-pochistit-kompyuter-ot.html">فایل اضافی</a>با توابع</p>
<p>بنابراین در PHP، دو تابع برای کار با داده ها در فرمت JSON مسئول هستند: json_encode () و json_decode ().</p>
<h3>تبدیل داده ها به فرمت JSON</h3>$ json_data = آرایه ("id" => 1، "name" => "ivan"، "country" => "Russia"، "office" => آرایه ("yandex"، "management")); echo json_encode ($ json_data)؛ <h3>تبدیل معکوس داده از فرمت JSON</h3>$ json_string = "(" id ": 1," name ":" ivan "," کشور ":" روسیه "," office ": [" yandex "," management "])"; $ obj = json_decode ($ json_string)؛ <p>اکنون $ obj شامل خواهد شد <a href="https://bumotors.ru/fa/sozdanie-i-razbor-dannyh-formata-json-v-php-vid-dannyh-v-formate-json.html">داده های JSON</a>به یک شی PHP ترجمه شده است، که می توانید به این شکل به آن دسترسی داشته باشید:</p><p>Echo $ obj-> name; // نام ivan echo $ obj-> office را نمایش می دهد. // نمایش شرکت Yandex</p><p>همانطور که می بینید، $ obj-> office یک آرایه است.</p><p>Foreach ($ obj-> office به عنوان $ val) echo $ val;</p><p>کار با JSON به شما امکان می دهد داده ها را با سرور در داخل مبادله کنید <i>« <a href="https://bumotors.ru/fa/chto-takoe-blog-i-kak-ego-sozdat-plyusy-i-minusy-svoego-bloga.html">شکل خالص</a>»
</i>... نیاز به ارسال قطعات دست و پا گیر کد HTML به طور کامل حذف شده است.</p> ECMA-262 1999)، این فرمت مستقل از زبان در نظر گرفته می شود و تقریباً با هر زبان برنامه نویسی قابل استفاده است. برای بسیاری از زبان ها، کد آماده ای برای ایجاد و دستکاری داده های JSON وجود دارد. <h3>استفاده</h3><p>به دلیل مختصر بودن آن در مقایسه با XML، JSON ممکن است برای سریال سازی ساختارهای پیچیده مناسب تر باشد. اگر در مورد برنامه های کاربردی وب صحبت کنیم، در این زمینه، در وظایف تبادل داده ها هم بین مرورگر و سرور (AJAX) و هم بین خود سرورها (API) مناسب است.</p><p>از آنجایی که فرمت JSON زیر مجموعه ای از نحو است <a href="https://bumotors.ru/fa/chto-takoe-yazyk-javascript-globalnye-i-lokalnye-peremennye-tipy.html">زبان جاوا اسکریپت</a>سپس می توان آن را به سرعت با تابع eval () داخلی از حالت سریال خارج کرد. علاوه بر این، امکان درج توابع جاوا اسکریپت کاملاً کاربردی نیز وجود دارد. V <a href="https://bumotors.ru/fa/operator-vybora-if-v-yazyke-c-osnovy-php-cikl-for-primery-ispolzovaniya-logicheskih-operatorov.html">زبان پی اچ پی</a>از نسخه 5.2.0، پشتیبانی JSON به شکل توابع json_decode () و json_encode () در هسته گنجانده شده است که خود انواع داده های JSON را به انواع PHP مربوطه تبدیل می کنند و بالعکس.</p> <h3>نحو</h3><p>JSON -text یکی از دو ساختار (کدگذاری شده) است:</p><ol><li>مجموعه ای از جفت <i>ارزش کلیدی</i>... در زبان های مختلف، این به عنوان یک شی، رکورد، ساختار، فرهنگ لغت، جدول هش، فهرست کلیددار یا آرایه انجمنی پیاده سازی می شود. کلید فقط می تواند یک رشته باشد، مقدار می تواند هر شکلی باشد.</li>
<li>مجموعه ای منظم از مقادیر در بسیاری از زبان ها، این به صورت آرایه، برداری، لیست یا دنباله اجرا می شود.</li>
</ol><p>اینها ساختارهای داده جهانی هستند: به عنوان یک قاعده، هر مدرن <span>زبان برنامه نویسی</span>آنها را به هر شکلی پشتیبانی می کند. آنها دراز کشیدند <a href="https://bumotors.ru/fa/format-json-primer-i-opisanie-osnovy-raboty-s-json.html">چارچوب JSON</a>از آنجایی که برای تبادل داده بین آنها استفاده می شود <a href="https://bumotors.ru/fa/kak-sdelat-drugoi-yazyk-na-klaviature-kak-pomenyat-yazyk-na.html">زبانهای مختلف</a>برنامه نويسي.</p><p>ساختارها به عنوان مقادیر در JSON استفاده می شوند:</p><ol><li>یک شی یک مجموعه نامرتب از کلید است: جفت های مقدار محصور شده در پرانتزهای فرفری "()". کلید با یک رشته توصیف می شود، بین آن و مقدار یک نماد ":" وجود دارد. جفت های کلید-مقدار با کاما از یکدیگر جدا می شوند.</li>
<li>یک آرایه (تک بعدی) مجموعه ای مرتب از مقادیر است. آرایه در پرانتز مربع "". مقادیر با کاما از هم جدا می شوند.</li>
<li>این مقدار می تواند یک رشته، عدد، شی، آرایه، یکی از لفظ های واقعی، نادرست یا تهی باشد که دارای دو نقل قول است. که ساختارها را می توان درون یکدیگر تودرتو کرد.</li>
<li>رشته مجموعه‌ای مرتب از کاراکترهای یونیکد صفر یا بیشتر است که درون آن قرار گرفته‌اند <a href="https://bumotors.ru/fa/kak-izmenit-vid-kavychek-s-pryamyh-na-dvoinye-bazovoe-redaktirovanie.html">نقل قول های دوگانه</a>... کاراکترها را می توان با استفاده از دنباله های فرار که با علامت معکوس "\" شروع می شود، مشخص کرد. <p>رشته بسیار شبیه به نوع داده ای با همین نام در زبان های C و جاوا است. این عدد نیز بسیار شبیه به عدد C یا جاوا است، با این تفاوت که فقط از فرمت اعشاری استفاده می شود. فاصله ها را می توان بین هر دو عنصر نحوی درج کرد.</p>
</li>
</ol><p>مثال زیر JSON را نشان می دهد - نمایشی از یک شی که یک شخص را توصیف می کند. شی شامل فیلدهای رشته ای از نام و نام خانوادگی، یک شی که آدرس را توصیف می کند، و یک آرایه حاوی لیستی از شماره تلفن است.</p><p>تکنیک های اساسی برای کار با JSON در جاوا اسکریپت عبارتند از:</p><ul><li>JSON.parse - اشیاء را از یک رشته در قالب JSON می خواند.</li>
<li>JSON.stringify - اشیاء را به یک رشته JSON تبدیل می کند، زمانی که نیاز به انتقال داده از جاوا اسکریپت از طریق شبکه دارید استفاده می شود.</li>
</ul><h3>1. مقدمه ای بر روش JSON.parse</h3><p>بیایید یک برنامه وب پایه تایزن ایجاد کنیم و نام آن را بگذاریم <i>json1</i>.</p><p>در فایل معرفی کنید <i>index.html</i>کد زیر:</p><p><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="قالب پایه Tizen که توسط Tizen Web IDE تولید شده است"/>
<title>
