第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用純js將數(shù)據(jù)從node.js發(fā)送到前端

使用純js將數(shù)據(jù)從node.js發(fā)送到前端

函數(shù)式編程 2022-05-26 10:24:06
我正在嘗試將帶有數(shù)據(jù)的對象從 Node.js 服務(wù)器發(fā)送到 js 文件(用于在前端使用此數(shù)據(jù))。在文件main.js 中,我正在操作 DOM。我提出以下要求: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;然后在文件server.js我有一個對象:data = [    {        "id": 1,        "name": "Jhon"    },    {        "id": 2,        "name": "Mike"    }];我想將它作為 json 字符串(或其他方式)發(fā)送到main.js作為對我請求的響應(yīng)。問題:我的數(shù)據(jù)顯示在瀏覽器的窗口中。我怎么能得到它作為回應(yīng)?我試過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);有人可以告訴我要在我的代碼中更改什么或指出我谷歌的方向嗎?(我不想使用模板引擎)。請幫助我 :) 愿你平安。
查看完整描述

2 回答

?
汪汪一只貓

TA貢獻1898條經(jīng)驗 獲得超8個贊

我認為您正在嘗試在同一個 URL 上提供您的前端和 JSON 數(shù)據(jù)/。


您需要調(diào)整您的服務(wù)器代碼如下:


let express = require('express');

let app = express();

app.use(express.static(`main`));

app.get('/api', function(req, res){

    res.json(data); //also tried to do it through .send, but there data only on window in browser

});

app.listen(3000);

現(xiàn)在您的數(shù)據(jù)將以 JSON 格式從/api. 然后你可以在前端發(fā)出如下請求:


let dataName = [];

let request = async () => {

    const response = await fetch('http://localhost:3000/api');

    const data = await response.json();

    dataName = data.name;

}


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

name.textContent = dataName;

還有一個問題是url沒有正確定義為參數(shù)。我調(diào)整了函數(shù)以在正確的位置簡單地使用 URL 字符串。


查看完整回答
反對 回復(fù) 2022-05-26
?
慕蓋茨4494581

TA貢獻1850條經(jīng)驗 獲得超11個贊

您可以創(chuàng)建一個可以使用REST API進行通信的服務(wù)器


(假設(shè)數(shù)據(jù)是一個字符串)


客戶:


let data = getSomeDataYouWantToSend()

fetch('/send', {

    method: 'POST',

    headers: {

      'Content-Type': 'text/plain'

    },

    body: data

})

假設(shè)您在目錄中有靜態(tài)文件,在目錄中/main有 html 文件/views


服務(wù)器:


let express = require('express')

let app = express()


app.use(express.static(`${__dirname}/main`))

app.set('views', `${__dirname}/views`)


app.get('/', (req, res) => {

    res.render('index.html')

})


app.post('/send', (req, res) => {

    console.log(req.body) // <- here is your data sent from client frontend

})


app.listen(3000)


查看完整回答
反對 回復(fù) 2022-05-26
  • 2 回答
  • 0 關(guān)注
  • 281 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號