JSONP
جیسون لایه دار ( JSON-P) یک الگوی جاوا اسکریپت برای درخواست داده با بارگیری یک برچسب . این مورد توسط Bob Ippolito در سال ۲۰۰۵ ارائه شد. JSONP بدون اینکه مانند ایجکس نگرانی بابت اشتراک منابع متقابل ( cross-domain policy ) داشته باشد اشتراک گذاری داده ها را امکان پذیر میکند, Jsonp ترکیبی از تابع جاوااسکریپت و جیسون است. بدینشکل که تابع خود را در مکان دیگر مقدار دهی کرده و در آدرس خود فراخوانی و اجرا مینمایید.
عنصر اچ تی ام‌ال codice_1 مجاز به اجرای محتوای برگرفته از منابع خارجی است. سرویس های پاسخ داده با داده های JSON خالص قادر به اشتراک گذاری داده ها در دامنه قبل از تصویب CORS () نبودند. به عنوان مثال ، یک درخواست به یک سرویس خارجی codice_2 ممکن است یک رکورد برای یک شخص بنام فرضی "پارس" را با فرمت جیسون برگرداند. به‌شکل زیر:
هنگام استفاده از داده ها به‌شکل فوق در دامنه ها منجر به خطای جاوااسکریپت خواهد شد. زیرا جاوا اسکریپت قادر نیست دیتای چیسون را به‌شکل خام بدون کمک گرفتن از ایجکس از منابع خارجی برگرداند
مرورگر پرونده codice_1 را بارگیری می کند ، محتوای آن را ارزیابی می کند ، داده های JSON خام را به عنوان یک بلاک تفسیر می کند و خطای نحوی ( ) را برمیگرداند. حتی اگر داده ها به عنوان یک چهارچوب <a href="%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA">جاوااسکریپت</a> تعبیر شوند ، همچنان نمی توان با <a href="%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA">جاوااسکریپت</a>ی که در مرورگر اجرا می شود ، دسترسی پیدا کرد ، زیرا بدون تعیین تکلیف متغیر ، اعضای شیء غیرقابل دسترس هستند.
در الگوی استفاده JSONP ، درخواست <a href="%D9%86%D8%B4%D8%A7%D9%86%DB%8C%20%D9%88%D8%A8">نشانی وب</a> که به صفت codice_4 در عنصر codice_1 اشاره شده است داده های JSON را بازمی گرداند ، با کد <a href="%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA">جاوااسکریپت</a> (معمولاً یک <a href="%D8%AA%D8%A7%D8%A8%D8%B9">تابع</a>) که در اطراف آن پیچیده شده است. این "بار مقدار دهی شده" و سپس توسط مرورگر اجرا می شود. به این ترتیب ، تابعی که قبلاً در محیط <a href="%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA">جاوااسکریپت</a> تعریف شده است می تواند داده های را مقدار دهی کند. یک درخواست و پاسخ معمولی JSONP در زیر نشان داده شده است.
اگر این محتوا: parseResponse({"name":"mahmoud", "fname":"mansouri", "age":۳۵, "city":"shiraz", "webSite":"۱mansouri.ir"}); در یک آدرس خارجی قرار داشته باشد به آدرس فرضی: http://server.example.com/Users/1234 در هر آدرسی که به آن نیاز است با کمک صفت codice_4 در عنصر codice_1 فراخوانی گردد. و کافیست تابع codice_8 را ساخته و بتمام مقادیر آن دسترسی داشته باشید. بدون نگرانی بابت اشتراک منابع متقابل (<a href="Cross-origin%20resource%20sharing">cross-domain policy</a>).
JSONP فقط هنگامی که از عنصر اسکریپت استفاده می شود معقول است. برای هر درخواست JSONP جدید ، مرورگر باید یک عنصر codice_1 جدید اضافه کند ، یا از مورد قبلی دوباره استفاده کند. گزینه قبلی - اضافه کردن یک عنصر اسکریپت جدید - از طریق دستکاری <a href="%D9%85%D8%AF%D9%84%20%D8%B4%DB%8C%E2%80%8C%DA%AF%D8%B1%D8%A7%DB%8C%20%D8%B3%D9%86%D8%AF">مدل شی‌گرای سند</a> (<a href="Dom">DOM</a> ) امکان پذیر است. و به عنوان تزریق عنصر اسکریپت شناخته می شود. عنصر codice_1 به <a href="%D9%85%D8%AF%D9%84%20%D8%B4%DB%8C%D8%A1%DA%AF%D8%B1%D8%A7%DB%8C%20%D8%B3%D9%86%D8%AF">مدل شیءگرای سند</a> HTML) (DOM تزریق می شود ، با <a href="%D9%86%D8%B4%D8%A7%D9%86%DB%8C%20%D9%88%D8%A8">نشانی وب</a> (URL ) انتهای مورد نظر JSONP به عنوان ویژگی codice_4 تنظیم می شود. این تزریق عنصر اسکریپت پویا معمولاً توسط یک کتابخانه <a href="%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA">جاوااسکریپت</a> انجام می شود. <a href="%D8%AC%DB%8C%E2%80%8C%DA%A9%D9%88%D8%A6%D8%B1%DB%8C">جی‌کوئری</a> و چهارچوب های دیگر توابع و چهارچوب های لازم برای JSONP دارند. گزینه های مستقل نیز وجود دارند.
نمونه ای از استفاده از <a href="%D8%AC%DB%8C%E2%80%8C%DA%A9%D9%88%D8%A6%D8%B1%DB%8C">جی‌کوئری</a> برای تزریق پویا عنصر اسکریپت برای تماس JSONP به این شکل است : // Using YQL and JSONP $.ajax({ });