From表单的提交与Post请求

在JQuery代码中常见的页面与控制器的互动的方法有Form表单提交数据和Post请求发送两种方法。
方法一:Form表单提交
在提交表单之前要先获取表单里面的内容的数据("#formEmployee[name=‘employeeID’]") 是id为formEmployee的表单下面的name值为employeeID的标签,val是获取这个选中的标签的值,你需要提交表单的哪些数据就获取到表单下面的标签的值。
然后就是判断获取到的值是否为空,如果为空,要么是没有获取到值或者这个标签本身没有值,为空则直接返回一个提示,提示用户数据不完整。
数据不为空则开始提交提交表单,这里我用的是JQuery中一个提交表单的插件,引用之后直接用一个ajaxSubmit方法来提交数据,然后再给它一个回调函数,表单提交完成之后就刷新表格里面的内容(tabemployee.reload())、然后关闭模态框(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲modalEmployee")….post),然后就是第一个参数,里面放的是请求的路径(/控制器名称/方法名称);第二个参数里面放的是要传到控制器去的参数,{名称:参数1,名称:参数2},注意这里的传参的样式是以键值对的方式传参的,而且这里传过去多少个参数,在控制器就要接收多少个参数;第三个参数是一个回调函数,和Form表单的回调函数一样都是用来执行完成之后的操作,也是刷新表格,关闭模态框,弹出提示框的操作。
在这里插入图片描述然后就是控制器接收参数的部分了,在JQuery页面传了五个参数,所以在页面部分也要接收到这五个参数。注意在就是到参数的时候要注意参数的数据类型,该是是什么类型的就给它什么类型,避免数据类型判断错了之后会影响到下一步的操作。在这里插入图片描述
post请求可以更加直接、具体地某一个值或者某一个字段赋值(pwEmplotee.employeeID=employeeID;pwEmployee.employeeName=employee.employeeNum=employeeNum;pwEmployee.telphone=telephone……);
而Form提交的数据则是一个表格的提交,里面的内容全都参杂在一起,想要具体的地给某一个字段赋值就要将里面的内容一个个地提取出来,再找到想要的数据赋值给该字段。
在这里插入图片描述
当然Form表单的提交不需要一个个地传参到控制器页面,也不需要在控制器一个个地接收参数,相对来说比较简单,代码比较简洁,而且要是要上传图片之类的数据的话也是只要直接提交Form表单,然后再在控制器获取、解析图片文件就可以了。
总的来说两种方法各有各的优缺点,具体方法看实际情况而定,一般来说涉及到图片之类的文件的上传建议使用Form表单提交,如果需要具体给某一张表或者某一个实体赋值的话建议使用post请求

猜你喜欢

转载自blog.csdn.net/weixin_44542115/article/details/89631065