Javascript 如何使用Ajax将JSON从服务器端（nodejs）发送到客户端？_Javascript_Node.js_Ajax_Rest_Express

Javascript 如何使用Ajax将JSON从服务器端（nodejs）发送到客户端？

javascript node.js ajax rest express

Javascript 如何使用Ajax将JSON从服务器端（nodejs）发送到客户端？,javascript,node.js,ajax,rest,express,Javascript,Node.js,Ajax,Rest,Express,我已经创建了一个Node.js/express服务器来获取调用API。API返回一个json数据。如何将收到的JSON发送到本地javascript（客户端服务器）？我想获取这个JSON，发送到我的本地客户机（如果这是一个选项，则使用ajax调用），循环遍历它并将其附加到我的DOM中 app.js var express = require('express'); var router = express.Router(); var request = require("request");

我已经创建了一个Node.js/express服务器来获取调用API。API返回一个json数据。如何将收到的JSON发送到本地javascript（客户端服务器）？我想获取这个JSON，发送到我的本地客户机（如果这是一个选项，则使用ajax调用），循环遍历它并将其附加到我的DOM中

app.js

var express = require('express');
var router = express.Router();
var request = require("request");

let name, value, bodyData;

var options = { method: 'GET',
  url: 'https://api.example.com/data1',
  qs: 
   { 
     valueType: 'MAXIMUM'
   },
  headers: 
   { 
     authorization: 'ABC123456',
     accept: 'application/json; charset=utf-8' } };

request(options, function (error, response, body) {
  if (error) throw new Error(error);

  bodyData = body;

});


router.get('/', function(req, res, next) {
  res.render('home', {data: bodyData});
});

module.exports = router;

app.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Items</title>
</head>
<body>
  <div id="itemsList">
    <h2>List of available items:  </h2>
  </div>
</body>
</html>


项目
可用项目清单：

scripts.js

$(document).ready(function(){
   $.ajax({
       type: "GET",
       url: "http://localhost:3000/",
       contentType: "application/json"
     }).done(function(data){
          for(var i =1; i<= 10; i++){
          $('#itemsList').append('<div id="r'+ i +'"></div>')
          }
     })
 });

$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“http://localhost:3000/",
contentType:“应用程序/json”
}).完成（功能（数据）{
对于（var i=1；i如果您的数据是一个数组，那么您应该这样写循环：
$(document).ready(function(){
   $.ajax({
       type: "GET",
       url: "http://localhost:3000/",
       contentType: "application/json"
     }).done(function(data){
          for(var i =1; i<data.length; i++){
          $('#itemsList').append('<div id="r'+ data[i] +'">'+data[i]+'</div>')
          }
     })
 });

$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“http://localhost:3000/",
contentType:“应用程序/json”
}).完成（功能（数据）{
对于（var i=1；i
$(document).ready(function(){
   $.ajax({
       type: "GET",
       url: "http://localhost:3000/",
       contentType: "application/json"
     }).done(function(data){
          for(var i =1; i<data.length; i++){
          $('#itemsList').append('<div id="r'+ data[i] +'">'+data[i]+'</div>')
          }
     })
 });