المقالات
AJAX VS JSON
💡 بفضل تقنيات المتصفحات الحديثة ، أصبح من الممكن تشغيل البرامج النصية المنفذة على جانب العميل (المتصفح) ، بحيث تحدث عمليات إعادة تحميل الصفحات في كثير من الأحيان.
ملحوظة هامة قبل البدأ: ( AJAX & JSON ) ليسوا لغات برمجة أو منتجًا أو برنامجًا أو مواصفات أو معيارًا انما هيا تقنية تقوم بعمل تغييرات فى أجزاء من الموقع أو التطبيق.
AJAX اختصار لـ (Asynchronous Javascript And Xml)
AJAX هي ببساطة وسيلة لفعل الأشياء ، لا يوجد تعريف ل AJAX لكن ممكن أوصفها بأنها مجموعة من التقنيات التي يمكن أن تتفاعل بها طريقة عرض معينة لمورد إنترنت.
على سبيل المثال ، صفحة ويب معينة مع الخادم بشكل غير متزامن ، أو مثال أخر ، هقوم بكتابة هذه الرسالة ” Hello World ” في مربع نص ، وبعد ذلك سأضغط على ” أرسل إجابتك ” سيتلقى الخادم هذا النص ، ثم يضعه في الموقع ، لكنه لن يعيد تحميل الصفحة ( فقط الجزء ذي الصلة حيث يضع جوابي بالفعل ).
تعد AJAX مهمة لأنها توفر مظهرًا ومظهرًا أخر مشابهًا لتطبيق سطح المكتب (سيكون غريبًا إذا نقرت فوق شيء في تطبيق سطح المكتب الخاص بك ، ويغلق التطبيق ثم يفتح مرة أخرى ، صح؟)
– لذلك جاءت تقنية AJAX لمساعدتك لفعل هذه المهمة.
الزتونة
- يشير AJAX إلى إرسال البيانات وتلقيها بين مستعرض الويب و خادم الويب عادةً عبر بروتوكول HTTP.
- مع Ajax يمكن لتطبيقات الويب إرسال واسترداد البيانات من خادم بشكل غير متزامن دون التدخل في عرض وسلوك الصفحة الحالية.
-
AJAX غير متزامنة ، و ليست لغة برمجة ويمكنك:
- تحديث صفحة الويب دون إعادة تحميل الصفحة.
- طلب بيانات من الخادم – بعد تحميل الصفحة.
- إرسال البيانات إلى الخادم.
- تلقي البيانات من الخادم – بعد أن تم تحميل الصفحة.
- AJAX هي تقنية للتواصل مع خادم بعد اكتمال تحميل صفحة البدء.
- يستخدم AJAX استعلامات JS و XMLHttpRequest مع معالجة DOM ” Document Object Model” :
- يسمح DOM & JS بتعديل المعلومات على مستوى المتصفح دون تغيير هيكلها.
- كائن XMLHttpRequest مخصص للحوار غير المتزامن مع خادم الويب.
- يمكنك إرسال طلب AJAX إلى الخادم والعودة بتنسيق JSON.
مثال بسيط على AJAX :-
$.ajax({
url : 'testing_server.php', // the aimed resource
type : 'GET', // the HTTP request type
data : myData, // the data we sent to the server
dataType : 'JSON' // the output format
});
JSON اختصار لـ (JavaScript Object Notation)
JSON عبارة عن تنسيق للبيانات أو لتبادل البيانات ، أو إذا كنت تحب المخطط ، بحيث يمكن للبرنامج تحليل المحتوى بشكل موثوق يتم تجميعها مع مخططات محددة بفواصل و XML لترميز البيانات.
عندما تقوم بترميز بياناتك بتنسيق JSON ، يمكن فك تشفيرها بسهولة. مثال قل أنك تريد تشفير معلوماتك الشخصية:
my name is hamed and I’m 21 years old
يمكنك ترميزه بتنسيق JSON كـ:
{'name':'hamed', 'age':21}
لذا ، JSON شيء محدد جيدًا (تنسيق بيانات).
الزتونة
- JSON هي البيانات التي يمكن إرسالها عبر AJAX ولكن يمكن استخدامها لأغراض أخرى إلى جانب AJAX.
- الهدف من XML و JSON هو تخزين للبيانات + هيكلة أو تنسيق البيانات بطريقة فعالة وسهلة.
- JSON: تدوين كائن JavaScript وهو:
- بناء جملة لتخزين وتبادل البيانات.
- نص مكتوب مع تدوين كائن JavaScript.
لا تنسى أن تلقى نظره على الفرق بين JSON & XML أيضا.✅
💡 يمكنك استخدام AJAX مع JSON ، من خلال استرداد بعض البيانات بتنسيق JSON من خادم الويب ، باستخدام AJAX ، ثم استخدام JavaScript لتحليل بيانات JSON في نموذج يمكن الوصول إليه بواسطة مشغل البرمجة النصية.
Quote This Lesson:-
“To win big, you sometimes have to take big risks.” – Bill Gates
لا تنسي متابعتنا على مواقع التواصل الإجتماعى👇🏻👇🏻
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!