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

Question

這是很新的給我，所以道歉，如果這是顯而易見的問題：

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

1. 按鈕調用客戶端功能
2. 客戶端功能，使一個AJAX請求到服務器，它運行在AJAX請求中指定的功能上.js文件。
3. 服務器端函數的結果被髮送回客戶端，並可用於修改網頁內容。

如果這是正確的方法，那麼（香草，最好）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卡車的方法，代碼會是這個樣子，如果你使用快遞和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>") 
});