باران فایل

دانلود اسکریپت برای استخراج داده های جدول 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 کلیک کنید تا فایل صادر شده را دانلود کنید

برای شما کاربر عزیز پیشنهاد دانلود داده می شود.