Hướng dẫn how do i get node.js data from html? - làm cách nào để lấy dữ liệu node.js từ html?

Tôi mới đến Node.js và đây là dự án đầu tiên của tôi với nó. Tôi đã tạo một tệp Node.js có tên Test.js. Nó có một mảng nói a.

Bây giờ tôi muốn tạo một tệp HTML gọi Test.js trên nút Nhấp vào sự kiện. Sau đó lấy dữ liệu từ tệp đó và xuất bản nó trên bảng trong tệp HTML.

Tôi đã viết tệp Node.js và tôi có thể thấy kết quả trên Console.log [A]. Nhưng tôi không thể hiểu làm thế nào để gửi mảng này đến HTML khi nó sẽ yêu cầu nó.

Trong khi đó, tôi googled và tạo ra một số mã. Yêu cầu đến máy chủ nhưng tôi luôn nhận được phản hồi lỗi từ máy chủ. Tại sao như vậy?

Phía khách hàng -

function fetch[] {
    $.ajax[{
    type: 'POST',
    url: "//127.0.0.1:8888",
    data: 'China',
    datatype: 'json',
    success: function [data] {
        alert["hi"];
        var ret = jQuery.parseJSON[data];
        $['#q'].html[ret.msg];
    },
    error: function [xhr, status, error] {
        alert["hii"];
    }
}];

Phía máy chủ:

http.createServer[function[request, response] {  
    console.log["Request received"];
    response.writeHeader[200, {"Content-Type": "application/json"}]; 
    request.on['data', function [chunk] {
        console.log[chunk.toString['utf8']];
                    consol.log[result];
        response.write[JSON.stringify[{data : result}]];
    }];     
    response.end[];  
}].listen[8888];

Tôi có thể thấy Trung Quốc trên bảng điều khiển. Nhưng tôi không lấy lại được mảng kết quả cho khách hàng. Đây là kết quả là một mảng và tôi nhận được giá trị của nó trên bảng điều khiển. Chỉ là tôi không lấy lại cho khách hàng. Bất kỳ trợ giúp?

Học theo ví dụ

Công cụ "show node.js" của chúng tôi giúp bạn dễ dàng học Node.js, nó hiển thị cả mã và kết quả.

Thí dụ

var http = yêu cầu ['http'];

http.createserver [function [req, res] {& nbsp; & nbsp; res.writehead [200, {'content-type': 'text/plain'}]; & nbsp; & nbsp; res.end ['Hello World!'] ;}]. Nghe [8080];
  res.writeHead[200, {'Content-Type': 'text/plain'}];
  res.end['Hello World!'];
}].listen[8080];

Chạy ví dụ »

Nhấp vào nút "Chạy ví dụ" để xem nó hoạt động như thế nào.

Các ví dụ chạy trong giao diện dòng lệnh

Trong hướng dẫn này sẽ có một số ví dụ được giải thích tốt hơn bằng cách hiển thị kết quả trong giao diện dòng lệnh.

Khi điều này xảy ra, công cụ "show node.js" sẽ hiển thị kết quả trong màn hình đen ở bên phải:

Thí dụ

var http = yêu cầu ['http'];
console.log['The result is displayed in the Command Line Interface'];

http.createserver [function [req, res] {& nbsp; & nbsp; res.writehead [200, {'content-type': 'text/plain'}]; & nbsp; & nbsp; res.end ['Hello World!'] ;}]. Nghe [8080];

Nhấp vào nút "Chạy ví dụ" để xem nó hoạt động như thế nào.

Các ví dụ chạy trong giao diện dòng lệnh

Trong hướng dẫn này sẽ có một số ví dụ được giải thích tốt hơn bằng cách hiển thị kết quả trong giao diện dòng lệnh.

Khi điều này xảy ra, công cụ "show node.js" sẽ hiển thị kết quả trong màn hình đen ở bên phải:

Console.log ['Ví dụ này là khác nhau!']; Console.log ['Kết quả được hiển thị trong giao diện dòng lệnh'];

Chạy ví dụ »

Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập" miễn phí tại đây tại W3Schools.

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm!

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng học tập của tôi.



fs.rename ['mynewfile1.txt', 'myAgeDfile.txt', function [err] {& nbsp; if [err] ném err;

Tải lên tệp

Bạn cũng có thể sử dụng Node.js để tải tệp lên máy tính của mình.

Đọc cách trong chương trình tải lên Node.js của chúng tôi.

  • Node JS Store dữ liệu từ HTML đến cơ sở dữ liệu như thế nào?
  • Cách chèn/lưu dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL trong Node JS Express.
  • Bước 1 - Tạo ứng dụng Node Express JS ..
  • Bước 2 - Tạo bảng trong cơ sở dữ liệu MySQL ..
  • Bước 3-Cài đặt Express Flash EJS Body-Parser phụ thuộc MySQL ..

Bước 4 - Tạo biểu mẫu đánh dấu HTML ..

Bước 5 - Tạo tệp kết nối cơ sở dữ liệu và tệp server.js ..

Làm cách nào để nhận dữ liệu nút JS?

demofile1.html

Thiết lập dự án:.

My Header


My paragraph.



Bước 1: Cài đặt nút. ....

Thí dụ

Bước 2: Tạo thư mục cho dự án của bạn và tạo hai tệp có tên ứng dụng. ....
var fs = require['fs'];
http.createServer[function [req, res] {
  fs.readFile['demofile1.html', function[err, data] {
    res.writeHead[200, {'Content-Type': 'text/html'}];
    res.write[data];
    return res.end[];
  }];
}].listen[8080];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Bắt đầu demo_readfile.js:

C: \ user \ tên của bạn> node demo_readfile.js

Nếu bạn đã làm theo cùng các bước trên máy tính của mình, bạn sẽ thấy kết quả tương tự như ví dụ: // localhost: 8080

Tạo tập tin

Mô -đun hệ thống tệp có các phương thức tạo tệp mới:

  • fs.appendFile[]
  • fs.open[]
  • fs.writeFile[]

Phương thức fs.appendFile[] nối nội dung được chỉ định vào một tệp. Nếu tệp không tồn tại, tệp sẽ được tạo:

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['Saved!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['Saved!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['Saved!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Tạo một tệp mới, trống bằng phương thức Open []:

  • fs.appendFile[]
  • fs.writeFile[]

fs.open ['mynewfile2.txt', 'w', function [err, file] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['Updated!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['Replaced!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Tạo một tệp mới, trống bằng phương thức Open []:

fs.open ['mynewfile2.txt', 'w', function [err, file] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['File deleted!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Tạo một tệp mới, trống bằng phương thức Open []:

fs.open ['mynewfile2.txt', 'w', function [err, file] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];

Thí dụ

Tạo một tệp mới bằng phương thức appendFile []:

var fs = yêu cầu ['fs'];

fs.AppendFile ['mynewfile1.txt', 'Hello Nội dung!', function [err] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];
  if [err] throw err;
  console.log['File Renamed!'];
}];

Chạy ví dụ »

Phương thức fs.open[] lấy "cờ" làm đối số thứ hai, nếu cờ là "W" cho "viết", tệp được chỉ định được mở để viết. Nếu tệp không tồn tại, một tệp trống sẽ được tạo:

Tạo một tệp mới, trống bằng phương thức Open []:

fs.open ['mynewfile2.txt', 'w', function [err, file] {& nbsp; if [err] ném err; & nbsp; console.log ['đã lưu!'];}];


Node JS Store dữ liệu từ HTML đến cơ sở dữ liệu như thế nào?

Cách chèn/lưu dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL trong Node JS Express..
Bước 1 - Tạo ứng dụng Node Express JS ..
Bước 2 - Tạo bảng trong cơ sở dữ liệu MySQL ..
Bước 3-Cài đặt Express Flash EJS Body-Parser phụ thuộc MySQL ..
Bước 4 - Tạo biểu mẫu đánh dấu HTML ..
Bước 5 - Tạo tệp kết nối cơ sở dữ liệu và tệp server.js ..

Làm cách nào để nhận dữ liệu nút JS?

Thiết lập dự án:.
Bước 1: Cài đặt nút.....
Bước 2: Tạo thư mục cho dự án của bạn và tạo hai tệp có tên ứng dụng.....
Bước 3: Bây giờ, khởi tạo một nút mới.....
Bước 4: Bây giờ cài đặt Express bên trong dự án của bạn bằng lệnh sau trên dòng lệnh ..

Làm thế nào để bạn gọi một tệp js nút trong html?

Đây là những gì tôi đã làm:..
Chạy Node init trong root of Ứng dụng [điều này sẽ tạo tệp pack.json].
Cài đặt Express in Root of App: NPM Cài đặt - -Save Express [lưu sẽ cập nhật gói.json với sự phụ thuộc rõ ràng].
Tạo một thư mục công khai trong root của ứng dụng của bạn và đặt tệp điểm nhập của bạn [chỉ mục. ....
Tạo một máy chủ ..

Chúng ta có thể kết nối HTML với Node JS không?

Kết luận: Với các hoạt động IO tệp đơn giản, chúng tôi có thể đọc tệp HTML trong Node.js và bằng cách sử dụng các mô -đun đơn giản, chúng tôi có thể gửi phản hồi HTML trở lại máy khách.With simple File IO operations we can read HTML file in Node. js and by using simple modules, we can send a HTML response back to client.

Bài Viết Liên Quan

Chủ Đề