如何正確使用客戶端和服務器端javascript文件 - Node.js

Question

這對我來說是一個新鮮事，如果這些是顯而易見的問題，請道歉：

我想在網頁上的一個按鈕來運行服務器端功能並將輸出返回給客戶端，以下是正確的方法嗎？

1. 按鈕調用客戶端功能
2. 客戶端函數向服務器上的.js文件發出AJAX請求，該文件運行AJAX請求中指定的函數。
3. 服務器端功能的結果被發送回客戶端，可用於修改網頁內容。

如果這是正確的方法，（vanilla，最好）AJAX請求是什么樣的？

我的最后一個問題是，只有下載到客戶端的網頁的HTML文檔中列出的腳本？

我確信這些都是簡單的問題，但是謝謝你們。

Answer 1

是的，這主要是做你想做的事情的正確流程。 通常情況下，您的AJAX請求將轉到服務器上的api端點，但它也可以獲取文件的內容。

你的ajax調用看起來像：

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

這使用jQuery來發出請求。

關於第二個問題，瀏覽器可以使用未嵌入到html中的.js文件的腳本

Answer 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>")
});