如何正确使用客户端和服务器端 javascript 文件 - Node.js答案

【问题标题】：How to use client and server side javascript files correctly - Node.js如何正确使用客户端和服务器端 javascript 文件 - Node.js
【发布时间】：2016-12-03 06:54:28
【问题描述】：

这对我来说很新鲜，所以如果这些问题很明显，我们深表歉意：

我想要网页上的一个按钮来运行服务器端功能并将输出返回给客户端，以下是正确的方法吗？

按钮调用客户端函数
客户端函数向服务器上的 .js 文件发出 AJAX 请求，该文件运行 AJAX 请求中指定的函数。
服务器端函数的结果返回给客户端，可用于修改网页内容。

如果这是正确的方法，（普通的，最好是）AJAX 请求会是什么样子？

我的最后一个问题是，下载到客户端的网页的 HTML 文档中是否仅列出了脚本？

我确信这两个问题都很简单，但还是谢谢你。

【问题讨论】：

标签： javascript html ajax node.js

【解决方案1】：

是的，这主要是做你想做的事情的正确流程。通常情况下，您的 AJAX 请求会发送到服务器上的 api 端点，但它也可以获取文件的内容。

您的 ajax 调用将类似于：

$("button").click(function(){
    $.ajax({url: "/some/api/endpoint", success: function(result){
        $("#div1").html(result);
    }});
});

这使用 jQuery 来发出请求。

关于你的第二个问题，浏览器可以使用来自 .js 文件的脚本，这些文件没有嵌入到你的 html 中

【讨论】：

【解决方案2】：

是的，这是我用于 RPI 卡车的方法，如果您使用 express 和 jquery，代码将如下所示：

客户：

document.querySelector("#urdiv").innerHTML = $.ajax({
  type: "POST",
  url:"192.168.0.7/control/",
  data: {data: data}
})

服务器：

app.post('/control/', function (req, res) {
  res.send("<h1>Your html goes here</h1>")
});

【讨论】：