Gunakan javascript untuk memuat turun data json dalam kemahiran format_javascript csv

Ringkasan:
Baru-baru ini, terdapat keperluan kecil bukan projek, iaitu mendokumentasikan pembahagian kerja dalam pembangunan projek untuk memudahkan pengurusan dan penyelenggaraan kemudian. Walau bagaimanapun, semasa pembangunan, pembahagian pengaturan buruh telah direkodkan dalam format json, jadi saya membuat muat turun data json ke tempatan dalam format csv.

Kod:

Salin kod Kod adalah seperti berikut:

muat turun csv

             


          

                                                                                                                                                                                                                                          

Masukkan data JSON

                                                                                                                                                                                                                                                                                                                                                [{"Vehicle":"BMW","Date":"30 Jul 2013 09:24 AM"," Lokasi":"Hauz Khas","Speed":42},{"Kenderaan":"Honda CBR","Tarikh":"30 Jul 2013 12:00 AM","Lokasi":"Military Road","Speed ":0},{"Kenderaan":"Supra","Tarikh":"30 Jul 2013 07:53 PG","Lokasi":"Sek-45","Kelajuan":58},{"Kenderaan": "Land Cruiser","Tarikh":"30 Jul 2013 09:35 AM","Lokasi":"DLF Fasa I","Speed":83}]
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   …                                                                                               




muat turun.js

Salin kod

Kod adalah seperti berikut:

$(dokumen).sedia(fungsi() {
    "gunakan ketat";
    var mo = {
        init: function() {
            $('.muat turun').klik(fungsi() {
                var data = $('#txt').val();
                jika (data === '') {
                    kembali;
                }
                mo.JSONToCSVConvertor(data, benar);
            });
        },
        JSONToCSVConvertor: function(JSONData, ShowLabel) {
            var arrData = jenis JSONData !== 'objek' ? JSON.parse(JSONData) : JSONData;
            var CSV = '';
            jika (ShowLabel) {
                baris var = "";
                untuk (indeks var dalam arrData[0]) {
                    baris = indeks ',';
                }
                baris = row.slice(0, -1);
                CSV = baris 'rn';
            }
            untuk (var i = 0; i < arrData.length; i ) {
                baris var = "";
                untuk (indeks var dalam arrData[i]) {
                    var arrValue = arrData[i][index] == null ? "" : '="' arrData[i][index] '"';
                    baris = arrValue ',';
                }
                row.slice(0, row.length - 1);
                CSV = baris 'rn';
            }
            jika (CSV == '') {
                growl.error("Data tidak sah");
                kembali;
            }
            var fileName = "Hasil";
            jika (mo.msieversion()) {
                var IEwindow = window.open();
                IEwindow.document.write('sep=,rn' CSV);
                IEwindow.document.close();
                IEwindow.document.execCommand('SaveAs', benar, Nama fail ".csv");
                IEwindow.close();
            } lain {
                var uri = 'data:application/csv;charset=utf-8,' escape(CSV);
                var link = document.createElement("a");
                link.href = uri;
                link.style = "visibility:hidden";
                link.download = Dateiname ".csv";
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            }
        },
        msieversion: function() {
            var ua = window.navigator.userAgent;
            var msie = ua.indexOf("MSIE ");
            if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11./)) // Wenn Internet Explorer, Versionsnummer
zurückgeben             {
                return true;
            } else { // Wenn ein anderer Browser,
                return false;
            }
            return false;
        },
        main: function() {
            mo.init();
        }
    };
    mo.main();
});

小结：
　　注意json格式[{},{}],文件名是在js中定义的变量fileName.主要问题是他会自动添加一行空行，且每个元素都会在值前面加个'='。

下载下来的数据格式为：

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn