Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengemas kini Kod Pemuatan Data CSV daripada D3 v4 kepada D3 v5 Menggunakan Janji?
Mengemas kini Kod D3 v4 untuk Pemuatan Data CSV dalam D3 v5
Dalam D3 v4, memuatkan data daripada fail CSV telah dilakukan menggunakan XMLHttpRequest kaedah, yang tidak mengembalikan janji. Walau bagaimanapun, dalam D3 v5, API pengambilan digunakan dan janji dikembalikan. Ini memerlukan pengubahsuaian dalam kod untuk mengendalikan janji.
Untuk mengemas kini kod yang disediakan untuk keserasian D3 v5:
<code class="javascript">d3.csv("data/dataset.csv") .then(function(data) { // Handle successful response // Do something with the data }) .catch(function(error) { // Handle error alert("Couldn't load the dataset!"); });</code>
Dalam D3 v4, kodnya ialah:
<code class="javascript">d3.csv("data/dataset.csv", function(data) { // Handle response // Do something with the data });</code>
Perbezaan utama ialah penggunaan kaedah .then() dan .catch() untuk mengendalikan janji yang dikembalikan oleh fungsi d3.csv.
Mengapa Perubahan?
D3 v5 menggunakan Promises untuk mengendalikan operasi tak segerak, yang menyediakan cara yang lebih moden dan standard untuk mengendalikan kod tak segerak. Janji membenarkan kod yang lebih bersih dan pengendalian ralat yang lebih baik berbanding pendekatan berasaskan panggil balik sebelumnya dalam D3 v4.
Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Kod Pemuatan Data CSV daripada D3 v4 kepada D3 v5 Menggunakan Janji?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!