Hướng dẫn send data from node js to javascript - gửi dữ liệu từ nút js sang javascript

Tôi đang cố gắng gửi một đối tượng với dữ liệu từ máy chủ Node.js đến tệp JS (để sử dụng dữ liệu này ở phía trước).

Trong tập tin chính.js tôi đang thao túng DOM. Tôi thực hiện yêu cầu sau:main.js I am manipulating the DOM. I do the following request:

let dataName = [];
let request = async ('http://localhost:3000/') => {
    const response = await fetch(url);
    const data = await response.json();
    dataName = data.name;
}

let name = document.getElementById('name');
name.textContent = dataName;

Sau đó trong tệp server.js tôi có một đối tượng:server.js I have an object:

data = [
    {
        "id": 1,
        "name": "Jhon"
    },
    {
        "id": 2,
        "name": "Mike"
    }
];

Và tôi muốn gửi nó dưới dạng chuỗi JSON (hoặc một cách khác) đến main.js dưới dạng phản hồi cho yêu cầu của tôi.main.js as response for my request.

Vấn đề: Dữ liệu của tôi được hiển thị trên cửa sổ trong trình duyệt. Làm thế nào tôi có thể nhận được nó làm phản hồi? My data is displayed on window in browser. How could I get it as response?

Tôi đã thử

let express = require('express');
let app = express();
app.use(express.static(`main`));
app.get('/', function(req, res){
    res.json(data); //also tried to do it through .send, but there data only on window in browser
});
app.listen(3000);

Ai đó có thể cho tôi biết những gì cần thay đổi trong mã của tôi hoặc chỉ cho tôi theo hướng mà Google không? (Tôi không muốn sử dụng các công cụ mẫu).

Hãy giúp tôi làm ơn :) hòa bình ở bên bạn.

Gửi dữ liệu biến từ Node JS đến JavaScript đầu tiên với các ví dụ về mã

Trong phiên này, chúng tôi sẽ cố gắng giải dữ liệu biến gửi từ Node JS đến câu đố JavaScript phía trước bằng cách sử dụng ngôn ngữ máy tính. Mã theo sau phục vụ như một minh họa của điểm này.

Sử dụng nhiều ví dụ khác nhau, chúng tôi đã học cách giải quyết dữ liệu biến gửi từ nút JS đến JavaScript phía trước.

Làm thế nào để bạn chuyển dữ liệu từ phụ trợ đến frontend node js?

Cách tốt nhất để gửi dữ liệu từ phụ trợ đến frontend: các sự kiện đã gửi máy chủ

• 1.) Kết nối HTTP qua TCP: Đây là kết nối ngắn ngủi nơi máy khách yêu cầu một cái gì đó từ máy chủ và máy chủ gửi lại cho máy khách ngay lập tức và kết nối được đóng lại.
• 2.)
• 3.)

Làm thế nào gửi biến từ nút JS đến HTML?

Cách chuyển các biến từ nút JS sang HTML

• var bodyparser = yêu cầu ('body-parlinger');
• var express = yêu cầu ('express');
• var app = express ();
• ứng dụng. sử dụng (express. static (__ dirname + '/'));
• ứng dụng. Sử dụng (Bodyparser.
• ứng dụng. động cơ ('html', yêu cầu ('ejs').
• ứng dụng. đặt ('xem động cơ', 'html');
• ứng dụng. đặt ('lượt xem', __dirname);

Làm cách nào để kết nối với Frontend với Node JS?

Trong hướng dẫn này, chúng tôi sẽ tạo một ứng dụng Web Trình tạo báo giá đơn giản.

• Thiết lập thư mục. Đầu tiên, tạo một thư mục trong thư mục làm việc của bạn cho ứng dụng.
• Phụ trợ. Tạo tệp app.js và thiết lập nó như vậy
• Mặt trận.

Làm cách nào để chuyển dữ liệu từ phụ trợ NodeJS sang frontend angularjs?

Cách truyền các biến JavaScript từ máy chủ sang AngularJS

• Đặt biến vào tệp xem bên trong thẻ tập lệnh.
• Thực hiện yêu cầu HTTP từ AngularJS và phục vụ dữ liệu dưới dạng JSON từ phần phụ trợ.
• Hãy thông minh và sử dụng ng-init.

Làm cách nào để chuyển dữ liệu từ API sang Frontend?

Làm cách nào để chuyển dữ liệu JSON cho Frontend?

Gửi dữ liệu JSON từ phía khách hàng sử dụng JSON. Stringify () để chuyển đổi đối tượng JavaScript thành chuỗi JSON. Gửi chuỗi JSON được mã hóa URL đến máy chủ như một phần của yêu cầu HTTP. Điều này có thể được thực hiện bằng cách sử dụng phương thức đầu, nhận hoặc đăng bằng cách gán chuỗi JSON cho một biến.

Làm thế nào đặt giá trị biến JavaScript trong HTML?

Để thêm nội dung của biến JavaScript vào HTML sử dụng bên trong -2015

Pug có tốt hơn EJ không?

Theo cộng đồng StackShare, Pug có sự chấp thuận rộng hơn, được đề cập trong 230 Stacks & 608 nhà phát triển; So với EJ, được liệt kê trong 9 ngăn xếp công ty và 13 ngăn xếp nhà phát triển.

Làm thế nào để bạn cập nhật một biến trong JavaScript?

Cập nhật các biến Chúng tôi có thể cập nhật các biến của mình theo các cách ngắn hơn bằng cách sử dụng các toán tử +=, *=, -= hoặc /= =. Bằng cách này, chúng ta không phải lặp lại tên biến khi chúng ta gán chúng cho một cái gì đó. Sau đó, chúng tôi tăng giá trị của I lên 2. Nếu chúng tôi tăng hoặc giảm chỉ thêm 1, thì chúng tôi có thể sử dụng ++ hoặc - tương ứng.

Làm cách nào để kết nối frontend và phụ trợ?

Kết nối Frontend với phụ trợ bằng các dịch vụ

• Tạo và chạy một mẫu Hello Backend Microservice bằng cách sử dụng đối tượng triển khai.
• Sử dụng một đối tượng dịch vụ để gửi lưu lượng truy cập đến nhiều bản sao của Microservice.
• Tạo và chạy một Microservice Frontend Nginx, cũng sử dụng một đối tượng triển khai.

Làm thế nào gửi dữ liệu từ nút JS đến HTML?

Tôi có thể sử dụng Node JS trong JavaScript không?

Làm cách nào để chuyển dữ liệu từ phụ trợ sang Frontend Express?

Làm cách nào để chạy Node JS trong JavaScript?