Javascript HTML Ajax：仅包含提交的表单

我有一个按钮，当用户点击这个按钮时，数据库中的数据被修改

这两种解决方案之间哪一种更安全：

<button id="the_button"> click me </button>

$("#the_button").on("click",function(){
    // send a character to server with Ajax
};

点击我
$（“#按钮”）。在（“单击”，函数（）{
//使用Ajax向服务器发送字符
};

或

最后，我只有一个按钮。

第一个示例 区别在于你的写作方式

第一种方法允许您将内容与逻辑分离，因此，如果您决定明天有不同的行为，您只需修改JS，而不必接触HTML

通过这种方式，您可以在应用程序的许多不同部分重复使用HTML

---

第二 在第二个示例中，您限制自己在每次使用此html（例如，在模板中）时调用相同的函数，并且无法修改该函数。没有“最佳”答案。这是两种不同的方法

第二个选项将导致加载一个全新的页面，而第一个选项使用AJAX与服务器交换数据，然后只更改页面上的部分信息，而不更改整个页面。第一个选项通常用于单页面应用程序，用于更改页面上的内容，而不将用户发送到新页面，或者不重新加载页面

---

那么，您想要哪种行为？您想要重新加载页面，还是将用户发送到“/theurl”，还是要在不重新加载的情况下更改页面上的某些信息？

两种方法都不比另一种更安全。但是第一种方法比第二种方法更安全？这与安全性无关。结果是一样的，这只是将视图（html）与逻辑（html）分离的更好方法。如果你决定某天更改HTML，你也不必更改JS。好的，谢谢，在Begging中，我担心使用Ajax的解决方案不如提交表单安全。它与安全无关。：-）单击按钮，用户会喜欢一个对象。所以我想点击我的服务器保存这个“喜欢”。当服务器保存这个“like”时，只更改一个div。

<form method="POST" action="/theurl">
    <input type="submit" value="click me" id="the_button">
</form>