如何正确使用客户端和服务器端JavaScript文件 – Node.js

这对我来说是非常新的,所以如果这些都是明显的问题,

我想要一个网页上的button来运行一个服务器端函数,并将输出返回给客户端,下面是正确的方法?

  1. button调用客户端function
  2. 客户端函数向服务器上的.js文件发出AJAX请求,该文件运行AJAX请求中指定的函数。
  3. 服务器端函数的结果被发送回客户端,并可用于修改网页内容。

如果这是正确的方法,(香草,最好)AJAX请求是什么样子?

我的最后一个问题是,只有脚本被列在下载到客户端的网页的HTML文档中?

我相信这些都是简单的问题,但是,谢谢你。

是的,这是做你想做什么的正确stream程。 通常情况下,您的AJAX请求将转到服务器上的api端点,但也可以获取文件的内容。

你的ajax调用看起来像这样:

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

这使用jQuery来提出请求。

关于第二个问题,浏览器可以使用未embedded到HTML中的.js文件的脚本

是的,这是我用于我的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>") });