توضیحات کوتاه و لینک دانلود
امروز در این پست یک اسکریپت برای استخراج داده های جدول HTML به اکسل [.xls، .csv.] با استفاده از جاوا اسکریپت را آماده دانلود قرار داده ایم.
دانلود اسکریپت برای استخراج داده های جدول HTML به اکسل [.xls، .csv.] با استفاده از جاوا اسکریپت
در این پست، نحوه استخراج داده های جدول HTML به صفحات گسترده اکسل و فایل های CSV با استفاده از جاوا اسکریپت را خواهید آموخت. هدف این فایل این است که به دانشآموزان IT/CS و برنامهنویسان جدید مرجعی برای یادگیری استخراج داده به اکسل با استفاده از جاوا اسکریپت خالص ارائه دهد.
در برخی از برنامهها یا برنامههای کاربردی وب، مدیریت اغلب به استخراج دادهها از سیستم به صفحات گسترده یا فایلهای CSV اکسل نیاز دارد. عمدتاً هدف این ویژگی استخراج داده هایی است که به مدیریت سیستم اجازه می دهد از آن برای اهداف دیگری استفاده کند. ویژگی های استخراج به اکسل معمولاً همراه با ویژگی گزارش برنامه اجرا می شود.
چگونه با استفاده از JS جدول HTML را به فایل اکسل صادر کنیم؟
راه های زیادی برای صادر کردن داده های جدول به صفحه گسترده CSV یا Excel وجود دارد. برخی از توسعه دهندگان ترجیح می دهند از پلاگین ها یا کتابخانه های رایگان برای ایجاد این امکان استفاده کنند. با استفاده از متدهای داخلی جاوا اسکریپت و خطوط کوتاه اسکریپت، میتوانیم به ویژگی مذکور برای برنامه وب خود نیز دست یابیم. جاوا اسکریپت با یک شی Blob ارائه می شود که برای رسیدن به هدف ما در اینجا بسیار مفید است. ما میتوانیم به سادگی یک داده خام مانند فایل از جدول HTML ایجاد کنیم و یک URL شی ایجاد کنیم تا در یک برچسب لنگر قرار دهیم که به ما امکان میدهد فایل را دانلود کنیم.
JS Blob چیست؟
حباب یک شی غیرقابل تغییر و فایل مانند با داده های خام است. می توان آن را به صورت متن یا داده باینری خواند یا به ReadableStream تبدیل کرد تا بتوان از روش های آن برای پردازش داده ها استفاده کرد. شی Blob جاوا اسکریپت حباب ها را نشان می دهد.
مراحل استخراج داده های جدول به اکسل [.xls، .csv]؟
استخراج به عنوان فایل صفحه گسترده اکسل
HTML بیرونی جدول را در JS دریافت کنید و آن را در یک رشته سند HTML جدید قرار دهید
با استفاده از application/vnd.openxmlformats-officedocument.spreadsheetml.sheet نوع محتوایی، رشته سند HTML را به یک شی Blob تبدیل کنید.
یک عنصر Anchor ایجاد کنید
یک مشخصه دانلود را به انکر با نام فایل به عنوان مقدار exportedData.xls تنظیم کنید
یک URL Object از شی Blob ایجاد کنید و آن را در ویژگی href انکر قرار دهید
تگ Anchor را به بدنه سند صفحه اضافه کنید
ماشه روی برچسب Anchor کلیک کنید تا فایل صادر شده را دانلود کنید
استخراج به عنوان فایل CSV
HTML بیرونی جدول را در JS دریافت کنید و آن را در یک رشته سند HTML جدید قرار دهید
رشته سند HTML را با استفاده از نوع محتوای text/csv به یک شی Blob تبدیل کنید.
یک عنصر Anchor ایجاد کنید
یک ویژگی دانلود را به انکر با نام فایل به عنوان مقدار یعنی exportedData.csv تنظیم کنید
یک URL Object از شی Blob ایجاد کنید و آن را در ویژگی href انکر قرار دهید
تگ Anchor را به بدنه سند صفحه اضافه کنید
ماشه روی برچسب Anchor کلیک کنید تا فایل صادر شده را دانلود کنید