node.js Pelaksanaan Ajax untuk mendapatkan pelayan HTTP kembali data_node.js

Mari kita lihat contoh kod untuk mendapatkan data yang dikembalikan oleh pelayan HTTP melalui permintaan AJAX dalam halaman HTML5 Memandangkan kami menentukan port pelayan sebagai 1337 dan akan menjalankan halaman HTML5 dari tapak web dengan port 80, ini adalah satu. Untuk operasi merentas domain seperti ini, anda perlu menambah medan Access_Control_Allow_Origin dalam pengepala respons HTTP dan tentukan parameter sebagai nombor port nama domain yang dibenarkan untuk meminta data daripada pelayan (apabila nombor port ditinggalkan, sebarang port di bawah nama domain dibenarkan untuk meminta data daripada pelayan),

Halaman statik: index.html (Nota: Ia mesti diletakkan dalam persekitaran pelayan. Jika ia adalah sistem win7, anda boleh mendayakan perkhidmatan IIS dan lulus halaman untuk menjalankan halaman secara terus.)

Salin kod Kod adalah seperti berikut: permintaan ajax dalam nod (halaman HTML5) fungsi GetData(){ var xhr= XMLHttpRequest baharu(); xhr.open("DAPAT"," http://localhost:1337/",true ); xhr.onreadystatechange=function(){ Jika(xhr.readyState==4){ Jika(xhr.status==200){ document.getElementById("res").innerHTML=xhr.responseText; } } } xhr.send(null); } dsdf kod nod:

Salin kod Kod adalah seperti berikut: var http=require("http"); var server=http.createServer(function(req,res){ If(req.url!=="/favicon.ico"){ res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":" http://localhost "}); res.write("Hello!"); } res.end(); }); server.listen(1337,"localhost",function(){ console.log("Mulakan pemantauan..."); }); Mulakan perkhidmatan: pelayan nod.js

Mulakan halaman statik:

Klik butang "Dapatkan Data"

Jika anda rasa terlalu menyusahkan untuk mengkonfigurasi persekitaran pelayan, anda boleh memanfaatkan editor untuk melakukannya.

Sebagai contoh, saya menggunakan webstrom 8.0;

Apabila saya melancarkan halaman, laluan ini dipaparkan dalam penyemak imbas:

Port ialah 63342. Pada masa ini, pasukan kami akan membuat beberapa pengubahsuaian pada kod:

kod pelayan.js nod:

Salin kod Kod adalah seperti berikut: var http=require("http"); var server=http.createServer(function(req,res){ If(req.url!=="/favicon.ico"){ res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":" http://localhost:63342 "}); //res.setHeader(); res.write("Hello!"); } res.end(); }); server.listen(1337,"localhost",function(){ console.log("Mulakan pemantauan..."); }); Mengubah suai nilai "Access-Control-Allow-Origin".

Jalankan semula demo dan anda akan dapati kesan yang sama dicapai

Anda juga boleh menetapkan pengepala respons secara individu melalui res.seetHeader.

Anda boleh menukar res.writeHead() di atas kepada res.setHeader();

Salin kod Kod adalah seperti berikut: var http=require("http"); var server=http.createServer(function(req,res){ If(req.url!=="/favicon.ico"){ //res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":" http://localhost:63342 "}); res.setHeader("Content-Type","text/plain"); res.setHeader("Access-Control-Allow-Origin"," http://localhost:63342 "); res.write("Hello!"); } res.end(); }); server.listen(1337,"localhost",function(){ console.log("Mulakan pemantauan..."); }); Pelajar yang berhati-hati mungkin mendapati bahawa apabila menggunakan kaedah setHeader, kod status tiada, seperti 200. Jadi, bagaimanakah kita hendak menetapkan kod status apabila kita menggunakan res.setHeader, saya akan bercakap tentang kod itu kemudian

Tarikh apabila ajax kembali pada bahagian pelayan:

Kami boleh memadamkan medan ini apabila pelayan kembali.

Tetapkan res.sendData=false;

Salin kod Kod adalah seperti berikut: var http=require("http"); var server=http.createServer(function(req,res){ If(req.url!=="/favicon.ico"){ //res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":" http://localhost:63342 "}); res.statusCode=200; res.sendDate=false; res.setHeader("Content-Type","text/plain"); res.setHeader("Access-Control-Allow-Origin"," http://localhost:63342 "); res.write("Hello!"); } res.end(); }); server.listen(1337,"localhost",function(){ console.log("Mulakan pemantauan..."); });

Kod status ditetapkan dan maklumat tarikh juga disekat.

res.getHeader(name) mendapat maklumat pengepala respons yang kami tetapkan

res.removeHeader(nama); Padamkan maklumat pengepala kami sebelum menghantar data dalam kaedah tulis kami.

Atribut res.headersSent ialah nilai Boolean Apabila pengepala respons telah dihantar, nilai atribut adalah benar; apabila pengepala respons belum dihantar, nilai atribut adalah palsu.

kod server.js:

Salin kod Kod adalah seperti berikut: var http=require("http"); var server=http.createServer(function(req,res){ If(req.url!=="/favicon.ico"){ Jika(res.headersSent) console.log("Pengepala respons telah dihantar"); lain console.log("Pengepala respons tidak dihantar"); res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":" http://localhost:63342 "}); Jika(res.headersSent) console.log("Pengepala respons telah dihantar"); lain console.log("Pengepala respons tidak dihantar"); res.write("Hello!"); } res.end(); }); server.listen(1337,"localhost",function(){ console.log("Mulakan pemantauan..."); });

Jalankan demo untuk melihat keputusan:

Kaedah res.write() menghantar data kepada klien Malah, ia juga mempunyai nilai pulangan.

Apabila jumlah data yang dihantar kepada klien agak kecil atau kelajuan rangkaian adalah pantas, nod sentiasa menghantar data terus ke cache kernel sistem pengendalian, dan kemudian mendapatkan semula data daripada cache kernel dan menghantarnya ke pihak yang satu lagi pada masa ini menulis akan kembali benar.

Apabila kelajuan rangkaian perlahan atau jumlah data adalah besar, pelayan http tidak semestinya akan menghantar data kepada klien dengan segera Nod akan cache data dalam memori dan menyimpan data dalam memori jika yang lain pihak boleh menerima data Data dihantar kepada pihak lain melalui kernel sistem pengendalian Pada masa ini, tulis pulangan palsu.

Anda boleh menetapkan kandungan test.txt untuk menguji keputusan.

Kesan ajax nod mudah dicapai. Sudah tentu, jika kami ingin mencipta fungsi yang lebih kompleks, kami masih memerlukan pembelajaran lanjut, dan kami akan mengemas kininya secara perlahan pada masa hadapan.