آموزش متد btoa در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد btoa در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد btoa در BOM جاوااسکریپت
با استفاده از متد ()btoa میتونیم یک متن ( رشته ) رو در پایه ۶۴ ( Base-64 ) رمزگذاری کنیم.
این متد از کاراکترهای A-Z ( یعنی حروف بزرگ انگلیسی از حرف A تا Z ) و a-z ( یعنی حروف کوچک انگلیسی از حرف a تا z ) و ۹-۰ ( یعنی از عدد ۰ تا ۹ ) و کاراکترهای + / = برای رمزگذاری استفاده میکند.
کد base-64 یک نوع کدگذاری متن به روش دودویی است. در این روش آرایه‌ای از بایت ها به صورت کاراکترهای اَسکی کدگذاری می شوند و معمولا کاربرد آن در تبادل اطلاعات از طریق محیط هایی که تنها از کدهای اَسکی ۷-بیتی پشتیبانی میکنند ( مانند ایمیل ) است.[ منبع ]
با استفاده از متد ()atob میتونیم یک متن که رمزگذاری شدس رو رمزگشایی کنیم.
| مقدار برگشتی | یک رشته / متن رمزگذاری شده در base-64 |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : کدگذاری یک متن در حالت ساده
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function Encode_Text(){ var MyText , MyEncode , result; MyText = "Free-Learn"; MyEncode = window.btoa(MyText); result = document.getElementById("Result"); result.innerHTML = "متن کدگذاری شده : " + MyEncode; } </script> |
مثال شماره ۲ : دریافت یک متن از کاربر و سپس کدگذاری متن
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function Encode_Text(){ var MyText , MyEncode , result; MyText = document.getElementById("UserInput").value; MyEncode = window.btoa(MyText); result = document.getElementById("Result"); result.innerHTML = MyEncode; } </script> |
مثال شماره ۳ : هم کدگذاری و هم کدگشایی متن ( متد btoa برای کدگذاری و متد atob برای کدگشایی )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> function Encode_Text(){ var MyText , MyEncode , result; MyText = document.getElementById("UserInput").value; MyEncode = window.btoa(MyText); result = document.getElementById("Result"); result.innerHTML = MyEncode; } function Decode_Text(){ var MyText , MyDecode , result; MyText = document.getElementById("UserInput").value; MyDecode = window.atob(MyText); result = document.getElementById("Result"); result.innerHTML = MyDecode; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()btoa | ۴ | ۲ | ۱۱٫۵ | ۳٫۱ | ۱۰ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
window.btoa( "Your_Text" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Your_Text | ضروری – اون متنی که قراره کدگذاری شه |
Free-Learn
نکات و توضیحات
- با استفاده از متد ()btoa میتونیم یک متن را کدگذاری کنیم.
- با استفاده از متد ()atob میتونیم یک متنی که توسط ()btoa رمزگذاری شده رو رمزگشایی کنیم.
