HTML-Ajax：仅提交的表单

Question

我有一个按钮，当用户点击此按钮时，数据会在数据库中被修改。

这两种解决方案之间的安全性更高：

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

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

或

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

最后，我只有一个按钮。

Answer 1

没有“最佳”答案。它们是两种不同的方法。

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

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

Answer 2

第一个样本

区别在于你的写作方式。

第一种方式允许您将内容从逻辑中分离出来，因此如果您明天决定采用不同的行为，则只需修改JS，而不必触摸HTML。

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

第二

在第二个示例中，您限制自己每次使用此html时调用相同的函数（例如在模板中）并且您无法修改它