Bagaimana untuk mendapatkan tatasusunan latar belakang dalam javascript

WBOY
Lepaskan: 2023-05-16 09:49:07
asal
1150 orang telah melayarinya

Javascript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan bahagian hadapan web Bersama-sama dengan bahasa HTML dan CSS, ia membentuk tiga asas bahagian hadapan bagi aplikasi web. Salah satu kelebihannya ialah ia boleh mengakses tatasusunan data latar belakang melalui kod ringkas, dengan itu menunjukkan kesan interaksi halaman web, kesan paparan data, dsb.

Dalam artikel berikut, kami akan memperkenalkan secara ringkas cara menggunakan javascript untuk mendapatkan tatasusunan latar belakang, dan memberikan anda beberapa petua berguna dan contoh praktikal.

Gunakan teknologi JQuery Ajax untuk mendapatkan data latar belakang

JQuery ialah perpustakaan javascript yang terkenal Ia merangkumkan banyak fungsi dan kaedah yang mudah digunakan secara dalaman operasi pangkalan data yang lengkap. Malah, teknologi JQuery Ajax ialah kaedah yang sangat sesuai untuk mendapatkan tatasusunan latar belakang Ia boleh memberikan anda antara muka API yang bersih dan ringkas, dan ia tidak perlu digilap dengan bahasa back-end seperti PHP dan Java, menjadikan. ia sangat mudah untuk digunakan.

Pertama, anda perlu menggunakan kaedah AJAX JQuery untuk membuat permintaan HTTP Permintaan ini akan menghantar permintaan GET atau POST ke latar belakang dan menghantar data yang diminta (JSON, XML, dll.) ke. bahagian hadapan melalui fungsi panggil balik. Berikut ialah contoh mudah permintaan AJAX:

$.ajax({
    url: "http://yourbackend.com/example.php",
    data: { name: "John", location: "Boston" }
}).done(function( data ) {
    console.log(data);
});
Salin selepas log masuk

Dalam kod di atas, anda perlu menggantikan pautan URL dengan pautan sumber data bahagian belakang sebenar anda. Seperti yang anda lihat, pautan 'http://yourbackend.com/example.php' menghala ke fail PHP yang menyimpan data tatasusunan bahagian belakang. Dalam permintaan, kami menghantar pembolehubah 'nama' dan 'lokasi' ke fail latar belakang kedua-dua data ini akan diterima oleh skrip latar belakang dan data JSON yang sepadan akan dikembalikan berdasarkan data ini.

Selepas permintaan selesai, fungsi panggil balik AJAX dipanggil. Dalam fungsi panggil balik, anda boleh memproses data yang diperoleh, seperti memaparkan hasil tatasusunan yang diperoleh pada halaman kami.

Berdasarkan prinsip ini, anda boleh dengan mudah menulis atur cara javascript yang boleh mendapatkan tatasusunan latar belakang. Sebelum anda boleh mengakses tatasusunan, anda perlu melaksanakan sendiri pelayan web PHP atau Java, dan arahkannya ke pelayan web anda dalam permintaan AJAX. Selepas anda berjaya memperoleh data daripada skrip bahagian belakang ini, anda perlu menggunakan kod javascript di halaman hujung hadapan untuk menghuraikan CSS supaya hasil yang dikembalikan dipaparkan pada halaman pengguna.

Atas dasar ini, anda juga boleh memanjangkan AJAX dengan lebih banyak fungsi mengikut keperluan perniagaan, seperti halaman untuk mendapatkan data tatasusunan latar belakang, menapis data, dsb. Ringkasnya, menggunakan teknologi AJAX, agak mudah untuk mendapatkan data tatasusunan latar belakang Anda hanya perlu meluangkan sedikit masa untuk menulis skrip latar belakang (PHP, JAVA, dll.), dan kemudian memanggil perkhidmatan ini di bahagian hadapan.

Gunakan Node.js dan Express untuk mendapatkan tatasusunan dari latar belakang

Selain teknologi AJAX, jika anda menggunakan bahasa yang sama di hujung depan dan belakang, anda juga boleh menggunakan beberapa teknologi Node js yang lebih popular untuk mendapatkan tatasusunan latar belakang. Contohnya, menggunakan rangka kerja Express, yang merupakan rangka kerja web Node.js yang sangat popular, ia membolehkan anda mendapatkan data tatasusunan bahagian belakang daripada tapak web menggunakan kod yang sangat mudah.

Dalam contoh program berikut, kami akan menggunakan Express dan Node.js untuk membina perkhidmatan aplikasi web tersuai dan mendapatkan tatasusunan latar belakang daripada pelayan:

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: true
}));

var items = [
  'itemA',
  'itemB',
  'itemC'
];

app.get('/items', (req, res) => {
  res.send(items);
});

app.listen(3000, () => console.log('Example app listening on port 3000!'));
Salin selepas log masuk

Dalam contoh di atas, kami A API Express ringkas telah dibina Dalam API ini, kami menentukan halaman /Item. Dalam halaman ini, kami menggunakan Node.js untuk menghantar permintaan daripada pelayan kepada API ini, dan kemudian tatasusunan item yang ditakrifkan dalam pelayan bahagian belakang akhirnya dikembalikan dalam format JSON ke bahagian hadapan yang memanggil API.

Semangat utama dalam contoh ini ialah menggunakan Express untuk membina rangka kerja web dan menggunakan Node.js untuk menulis logik latar belakang API tersuai. Logik latar belakang ini perlu menentukan format data dan logik pemprosesan data dalam tatasusunan latar belakang berdasarkan keperluan perniagaan (seperti mengakses API pihak ketiga, menggunakan pangkalan data, dsb.).

Di halaman hujung hadapan, anda perlu menggunakan perpustakaan permintaan HTTP yang disediakan oleh Node.js untuk memanggil tatasusunan belakang ini. Selepas berjaya mendapatkan data dari bahagian belakang, anda perlu menggunakan JavaScript untuk menghuraikan tatasusunan dan akhirnya melaksanakan fungsi pembentangan data. Ringkasnya, Node.js dan Express, sebagai teknologi rangka kerja web, membolehkan anda mempunyai pemahaman yang lebih mendalam tentang cara mendapatkan data tatasusunan latar belakang dan mengendalikan data ini.

Ringkasan

Dalam pembangunan web, mendapatkan data melalui javascript ialah salah satu amalan yang lebih biasa, dan kami telah menyebut dua teknologi arus perdana (AJAX dan Node.js). Teknologi AJAX ialah teknologi yang agak biasa kerana ia sangat biasa dalam operasi bahagian hadapan, manakala Node.js dan Express ialah teknologi rangka kerja web bahagian belakang yang sangat popular yang membolehkan anda menyesuaikan perkhidmatan API dan sangat sesuai untuk pembangunan perusahaan dan projek lain yang boleh menggunakan perkhidmatan web dengan mudah.

Oleh itu, anda perlu membuat pilihan teknologi berdasarkan senario perniagaan tertentu untuk mencapai tindanan teknologi terbaik untuk mendapatkan data tatasusunan latar belakang. Pada masa yang sama, pemahaman yang mendalam tentang javascript juga sangat membantu dalam menjadikan anda pembangun web yang cemerlang.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan tatasusunan latar belakang dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan