jQuery.get () Baca contoh fail teks

Gunakan jQuery untuk membaca fail teks dan memproses mereka garis mengikut baris

Artikel ini menunjukkan cara menggunakan kaedah Ajax $.get() yang dibina dalam jQuery untuk membaca fail teks dan memproses talian kandungan fail mengikut baris. Kod sampel menambah baris kandungan fail mengikut baris ke elemen HTML dan memaparkannya pada halaman. Perhatikan bahawa kod jQuery ini hanya akan menggantikan penampilan pertama perkataan "jQuery4u" dan tidak akan menggantikan semua penampilan seperti php's str_replace(). Untuk menggantikan semua kejadian rentetan dalam JavaScript, kaedah replace() mesti disediakan dengan ungkapan biasa dengan pengubah global sebagai parameter pertama, contohnya: .replace(/jQuery4u/g,'jQuery4u FTW!');

kod jQuery: baca baris fail teks mengikut baris

jQuery.get('file.txt', function(data) {
   //alert(data); //可选：显示完整文件内容
   //逐行处理文本文件
   let lines = data.split('\n'); // 使用 \n 分隔符
   let output = '';
   $.each(lines, function(index, line) {
       output += line + '<br>'; // 添加换行符以便在页面上显示
   });
   $('#div').html(output); // 将处理后的内容添加到id为div的元素中
});

Petua Keselamatan Penting: Atas sebab keselamatan, penyemak imbas mengehadkan akses kepada pemacu tempatan (dan pemacu pelayan). Walau bagaimanapun, anda boleh menggunakan panggilan jQuery Ajax standard . $.ajax()

FAQs (FAQs)

Bagaimana menggunakan jQuery untuk membaca fail teks tempatan?

Anda boleh menggunakan kaedah JQuery's

untuk membaca fail teks tempatan. Kaedah ini menggunakan permintaan HTTP untuk memuatkan data dari pelayan. Berikut adalah contoh mudah: $.get()

$.get("file.txt", function(data) {
  alert("已加载数据: " + data);
});

Dalam contoh ini, "file.txt" adalah fail teks tempatan yang akan dibaca.

adalah fungsi panggil balik yang dilaksanakan jika permintaan itu berjaya. Parameter function(data) mengandungi data yang dikembalikan dari pelayan - dalam kes ini, kandungan fail teks. Sila ambil perhatian bahawa secara langsung membaca fail tempatan sering gagal kerana sekatan keselamatan penyemak imbas. Kaedah ini lebih sesuai untuk membaca fail dari pelayan. data

Bolehkah saya menggunakan jQuery untuk membaca fail teks dalam bidang yang berbeza?

Oleh kerana sekatan keselamatan dasar asal yang sama, adalah mustahil untuk menggunakan kaedah Ajax JQuery untuk membaca fail teks dalam domain yang berbeza. Dasar asal yang sama mengehadkan bagaimana dokumen atau skrip yang dimuatkan dari satu sumber berinteraksi dengan sumber dari sumber lain. Walau bagaimanapun, ada cara untuk mengelakkan batasan ini, seperti menggunakan proksi atau JSONP pelayan, tetapi kaedah ini mempunyai batasan dan isu keselamatan mereka sendiri.

Bagaimana menangani kesilapan semasa membaca fail teks menggunakan jQuery?

kesilapan apabila menggunakan jQuery untuk membaca fail teks boleh dikendalikan menggunakan kaedah

. Kaedah ini dipanggil apabila permintaan gagal. Berikut adalah contoh: .fail()

$.get("file.txt")
.done(function(data) {
  alert("已加载数据: " + data);
})
.fail(function() {
  alert("发生错误");
});

Dalam contoh ini, jika permintaan untuk memuatkan "file.txt" gagal, kaedah

dipanggil dan mesej ralat dipaparkan. .fail()

Bolehkah saya menggunakan jQuery untuk membaca fail teks mengikut baris?

JQuery tidak menyediakan kaedah terbina dalam untuk membaca fail teks mengikut baris. Walau bagaimanapun, ini boleh dicapai dengan memisahkan kandungan fail dengan rehat garis. Berikut adalah contoh:

$.get("file.txt", function(data) {
  var lines = data.split("\n");
  $.each(lines, function(index, line) {
    console.log("第 " + (index+1) + " 行: " + line);
  });
});

Dalam contoh ini, kandungan fail dibahagikan kepada pelbagai baris dengan watak baru ("n"). Kemudian, setiap baris direkodkan dalam konsol.

Bagaimana menggunakan jQuery untuk membaca fail CSV?

Kaedah menggunakan jQuery untuk membaca fail CSV adalah serupa dengan fail teks membaca. Walau bagaimanapun, kandungan fail perlu dihuraikan ke dalam format yang ada. Berikut adalah contoh:

jQuery.get('file.txt', function(data) {
   //alert(data); //可选：显示完整文件内容
   //逐行处理文本文件
   let lines = data.split('\n'); // 使用 \n 分隔符
   let output = '';
   $.each(lines, function(index, line) {
       output += line + '<br>'; // 添加换行符以便在页面上显示
   });
   $('#div').html(output); // 将处理后的内容添加到id为div的元素中
});

Dalam contoh ini, setiap baris fail dibahagikan kepada pelbagai bidang dengan watak koma (","). Setiap array medan kemudian direkodkan ke konsol.

Atas ialah kandungan terperinci jQuery.get () Baca contoh fail teks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!