lokasi sekarang: Rumah > Muat turun > Kesan JS > kesan jQuery > JSON jQuery secara dinamik memperoleh kod data jadual
JSON jQuery secara dinamik memperoleh kod data jadual
Mengelaskan: Kesan JS / kesan jQuery | Masa keluaran: 2018-01-25 | lawatan: 1610 |
Muat turun: 57 |
Muat turun terkini
Akuarium Fantasi
Gadis Barisan Hadapan
Sayap Bintang
Syurga Peri Peri Bunga Kecil
Kisah Comel Restoran
Penjelajahan Pelancongan Shanhe
Cinta dan Pengeluar
Otak yang paling berkuasa 3
Debu Ganjil: Damila
Perjalanan Muda ke Barat 2
24 jamPapan pendahulu membaca
- 1 Mengapa Saya Mendapat Ralat 404 Semasa Memasukkan Imej dalam Blog Hugo Saya?
- 2 dsetup16.dll - Apakah dsetup16.dll?
- 3 dtrsve.dll - Apakah dtrsve.dll?
- 4 dxcodex.ocx - Apakah dxcodex.ocx?
- 5 Adakah std::shared_ptr Thread-Safe Apabila Mengubah Suai Objek Dikongsi?
- 6 dsbho_02.dll - Apakah dsbho_02.dll?
- 7 Strategi untuk Mengurangkan Masa Permulaan dan Jejak Memori Apl Java Anda Sehingga
- 8 Mengapa Penciptaan Acara MySQL Saya Gagal dengan "Anda mempunyai ralat dalam sintaks SQL anda"?
- 9 Mengapa Fail Sass Saya Melemparkan Ralat "CSS Tidak Sah: Ungkapan Jangkaan"?
- 10 Mengapa saya tidak mengecut seperti yang diharapkan? Nampaknya mempunyai masalah lebar min yang tidak boleh ditanggalkan: kandungan min.
- 11 dwin0008.dll - Apakah dwin0008.dll?
- 12 Apakah Perbezaan Utama antara Kelas Bersarang Statik dan Bukan Statik di Jawa?
- 13 Harga X Empire Meningkat Kepada ATH Baharu: Inilah Yang Perlu Anda Tahu
- 14 dwpp.dll - Apakah itu dwpp.dll?
- 15 Mengapa Kaedah Antara Muka Go Saya Jenis Pulangan Menyebabkan Ralat Penyusunan?
Tutorial Terkini
-
- Koleksi lengkap kursus timbunan penuh pembangunan web asing
- 1715 2024-04-24
-
- Gunakan GraphQL praktikal bahasa
- 1998 2024-04-19
-
- Bermula dengan MySQL (Teacher mosh)
- 1802 2024-04-07
-
- Mock.js |. Axios.js |
- 2615 2024-03-29
/*双击展开关闭*/
fungsi dbClick(obj) {
if($(obj).next().is(":tersembunyi")) {
$(obj).next().show();
} lain {
$(obj).next().hide();
}
};
$(fungsi() {
$("#mainTable thead").next().kosong();
var k = 0;
$.getJSON("revenue.json", function(data) {
$.each(data, fungsi(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "<tr class='mainTr warning' ondblclick='dbClick(this)'><td>" + mainTable.incomeUnit + "</td><td>" + mainTable.firm + "</td><td>" + mainTable.number + "</td><td>" + mainTable.instructionType + "</td><td>" + mainTable.dept + "</td><td>" + mainTable.totalPrice + "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支出单位表头*/
var haveChild = data[k].child.length;
jika(mempunyai Anak == 0) {
var nullHead = "<tr><td colspan='5' align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} lain {
var smallTit = "<tr><td colspan='6'><table id='smallTable" + k + "' class='table-condensed table smallTable'><tr id='smallTr" + k + "' class='success'><td>支出结算单位</td><td>数量</td><td>支出;<td>支出;用类型</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var priceSum = 0;
var tidak diselesaikan = 0;
var child = data[k].kanak-kanak;
for(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum + parseInt(anak[j].nombor);
priceSum = priceSum + parseFloat(anak[j].price);
priceSum = Math.round(priceSum * 100) / 100;
tidak diselesaikan = parseFloat(mainTable.totalPrice) - priceSum;
tidak settle = Math.round(unsettled * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + child[j].expendUnit + "</td><td>" + anak[j].nombor + "</td><td>" + child[j].price + "</td><td colspan='2'>" + child[j].type + "</td></tr>";
$("#smallTr" + k).selepas(smallTrObj);
/*计算数量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='bahaya'><td>Subtotal</td><td>" + numnerSum + "</td><td>" + priceSum + "< ;<td align='center'>Yuran tertunggak " + tidak diselesaikan + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("Yuran belum diselesaikan" + belum selesai);
k++;
});
});
Kod JSON jQuery untuk mendapatkan data jadual secara dinamik ialah fungsi jQuery yang memanggil jadual json untuk mendapatkan data secara dinamik Semua jadual dilipat dan semuanya ditutup dua kali pada baris jadual untuk melipat dan menutup jadual.
Nota: Memandangkan pelayan tidak menyokong JSON, tidak akan ada data Muat turun pakej termampat dan bina sendiri!