服务器将数据发送到客户端

Question

在我的快速项目中，我希望服务器将JSON对象发送到客户端。 客户端使用脚本来显示接收到的数据，因此我不希望直接在屏幕上看到从服务器发送的数据，我希望它首先通过javascript。 我尝试了多种发送数据的方法，但没有成功：

客户：

$.get('http://localhost:1337/', {mydata: 'content'}, function(response){
   console.log(response);
});

要么

$.ajax({
  url: 'http://localhost:1337/',
  data: {
    mydata: "content"
  },
  dataType: 'json',
  success: function (json) {
    console.log(json);
  },
  error: function (jqXHR, error, errorThrown) {
    console.log(error);
  },
  type: 'GET'
});

服务器：

app.get('/', function (req, res) {
     res.render('main',{data:'text'})
    });

要么

app.get('/', function (req, res) {
         res.render('main','text2')
        });

有没有一种方法可以将数据发送到客户端，该客户端将首先发送到发送页面中的javascript？ 谢谢！

Answer 1

在您的服务器上，使用res.json({data:'text'}); 而不是res.render(...)发送json。 这应该够了吧。

更新：

如果要构建具有多个ajax请求的单页应用程序，则应使用不同的路由。 一个将发送页面，另一个将发送数据。

但是，如果您的应用程序既小又简单，则可以继续执行您的操作，但是通过javascript变量而不是ajax请求获取数据。 为此，您必须在模板中执行类似的操作（假设它是玉石）：

script(type='text/javascript')                                                   
  var local_data =!{JSON.stringify(data)};

该页面将使用以下HTML呈现：

<script type="text/javascript"> 
    var local_data = {"data":"text"};
</script>

您比在脚本中可以执行以下操作：

//Your javascript 

function displayPage(data){
     //display logic here
     console.log(data);   
}

displayPage(local_data);