Javascript方式提交 form 表单

问题出现场景

1. 因为这次学习更加偏向后后端处理的部分，偶尔涉及到前端的知识，也比较少，因此，项目之初直接导入了做好的前端的界面，但是其中所有需要后台处理的功能部分都没有完成。
2. 在处理页面中一个 From 表单提交的请求时候，发现提交按钮是以 < a > 链接的方式包裹起来的，正常情况下无法发起请求。
   
3. 同时，又考虑到修改或删除前端代码，可能会导致布局混乱的情况出现
4. 因此考虑是否能通过其他方式提交 Form 表单

问题的思考

1. 首先想到的方式就是鼠标点击事件，触发函数，函数内的方法是提交表单
2. 需要这种思路是否可行，如果可行，代码怎么写。

问题的解决

1. 首先是代码
   
2. 代码解释
   1. 核心思路就是给 from 表单和点击按钮设置一个 id
   2. 第 122 行：id为这个的对象当被点击之后触发一个函数
   3. 第 123~126 行：找到 id 为 myFrom 的这个对象，并触发提交
   4. 第 124，125行是可以设置自定义的参数，如果没有设置，则默认使用 form 自带的属性例如
      

问题的总结

1. 选择这种方式的情况
   1. 同一个 form 表单，点击不同的按钮，虽然同一份数据，但是可能会发起不同的请求，每一种请求需要单独对待
   2. 当不想更改前端已经写好的界面，以避免可能出现的布局混乱情况