javascript - 在html中显示来自nodejs的数据

Question

如果这是一个重复的问题，我很抱歉。但是，我正在努力找出一种在 html 中显示来自 Nodejs 的数据的方法。

以下是我的 data.js 代码:

var express = require('express');
var app = express();
var path = require('path');

var data = new Array;    
data.push([1,2,3]);
data.push([4,"Test data",6]);

app.use(function (req, res) {
    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:9000');
    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);
    res.send(data)
  //next();
});

app.listen(9000, function () {
  console.log('Example app listening on port localhost:9000!');
});

我想在html页面中显示这些数据。任何人都可以帮助这里的 HTML/JQuery 脚本吗？谢谢。

HTML 代码:

<script type="text/javascript"> 
 jQuery(document).ready(function($) {   
 alert('Hello');

$.ajax({
    url:"http://localhost:9000",
    dataType: 'json',
    data: data,
    success: success

});

$.get('/', {}, function(data){
// not sure it is the right code
console.log(data);
// then the code to create a list from the array (no pb with that)
});

//function jsonpCallback(data){
//    alert("jsonpCallback");
//}
    //do jQuery stuff when DOM is ready
});
</script>

    <h1>Header Text</h1>

Answer 1

首先，您必须设置 API 路由和文件服务路由。然后您可以调用 api 方法(例如通过 jQuery ajax)并获取响应数据。