在现今的网页应用中，用户交互无疑是至关重要的，而用户交互的实现方式之一就是网页表单。而对于网页表单的提交方式，大多数开发者面临的选择都是使用javascript或者form表单。在本文中，我们将探讨 javascript 和 form 表单两种提交方式的优缺点，并在实际应用中给出建议。
一、JavaScript 表单提交
JavaScript 是客户端脚本语言中的一种，常常被用于增强用户体验和网页交互。在表单提交中，JavaScript 可以通过拦截 form 表单的提交事件，阻止表单的默认提交，而使用 XMLhttpRequest 或 Fetch API 将表单数据以异步方式发送给后端服务器。这种方式也被称为 AJAX 表单提交。
优点：
- 不刷新页面
AJAX 表单提交可以在不刷新页面的情况下向后端服务器发送数据，使得用户不会感觉到界面的跳转和重新加载。同时，可以让表单提交变得更加快捷和高效。
立即学习“Java免费学习笔记（深入）”；
- 提升用户体验
使用 AJAX 表单提交可以提升用户体验。例如，当用户提交表单时，可以在页面上显示一个 loading 动画来提醒用户数据正在处理中。同时，也可以在表单提交成功后，提示用户提交成功的信息。
- 数据验证
可以通过 JavaScript 对表单数据进行实时验证，避免用户提交错误或者无效的数据。这样可以减少错误的数据被提交到服务器，提高数据的准确性。
缺点：
- 兼容性问题
虽然大多数现代浏览器都支持 JavaScript，但是一些较老版本的浏览器可能不支持。因此，需要开发人员在使用此种方式时，注意浏览器兼容性问题。
- 安全问题
在使用表单提交时，可能会引发跨站脚本攻击（XSS）等安全问题。因此，在编写 JavaScript 代码时，必须确保避免存在安全漏洞。
- 需要一定的JavaScript编程能力
使用这种方式需要开发人员具备一定的 JavaScript 编程能力，否则开发效率可能会较低。
二、form 表单提交
form 表单提交是一种比较传统的方式，通过 form 元素向后端服务器提交数据。在 form 表单提交过程中，开发人员可以将数据提交到隐藏 iframe 或者新开页面中，以实现异步提交和避免页面刷新的效果。
优点：
- 不需要JavaScript编程能力
相比 JavaScript 表单提交，使用 form 表单提交，不需要开发人员拥有一定的 JavaScript 编程能力，因为这种方式是网页编程的基础部分，入门简单。
- 兼容性较好
form 表单提交是使用浏览器的内部机制来实现数据传输，因此其兼容性较好，可以在各种浏览器中正常工作。
- 安全性较高
form 表单提交是浏览器默认的方式，不容易出现安全漏洞，相对来说更加安全。
缺点：
- 大幅度的页面刷新
在传统的 form 表单提交方式中，每次提交表单时，后端服务器都会重新渲染页面，导致页面会大幅度刷新，影响用户体验。
- 表单提交较为繁琐
在表单提交过程中，需要将表单数据全部提交到后端服务器。如果某些数据不需要提交，就需要对表单进行处理。这样会带来较多的繁琐工作。
综合对于 JavaScript 和 form 表单两种提交方式的优缺点分析后，我们得出以下结论：
- 如果不需要刷新页面，提高用户体验，使用 JavaScript 表单提交。
- 如果数据安全性更为重要，使用 form 表单提交。
- 在确定了使用哪种提交方式后，开发人员需要根据实际项目场景，谨慎编写代码，避免出现安全漏洞问题。
- 如果使用 JavaScript 表单提交，需要注意兼容性问题，可以使用 jQuery 等外部库封装之后再进行使用。
最后，需要指出的是，这两种方式在表单提交场景下都各有优缺点。选择合适的表单提交方式，取决于具体的应用场景和开发需求。
