这段时间在使用easy-ui的datagrid，他有自己提交表单的方式，所以就整理整理页面对参数的提交方式：

注：下面代码都已经过测试。

HTML提交表单简单易操作，依靠在标签对中的提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。 jsp代码

servlet或者action根据name属性获取提交的参数 java代码

只使用html发送超链接请求的话，方式比较单一。传递参数值是被写死的，并且只能使用get方式去发送请求。如果不用javascript的话，超链接还是作为一个页面跳转按钮比较合适。 jsp代码

java代码

使用js和html提交表单的话就可以灵活很多，因为js不仅有针对页面很多的触发事件，而且可以获取到html页面元素的信息。看一下几个简单的例子。

这里主要是介绍下在提交form表单之前的onsubmit事件,在很早以前学习的时候，这个事件会被作为用户输入数据校验的入口。不过仍然因为js使html页面的灵活性变高，这种前端校验用户输入的方式也不是那么唯一。 jsp代码

javascript代码

在test_onsubmit()函数中,可以选择进行任意其他操作，包括设置post还是get方式去提交表单，或者说获取用户输入内容，对其内容进行前端校验。 java代码

使用button或者超链接去提交表单的话，主要是利用onclick触发事件去调用一个js函数，然后在函数中去进行表单提交。这时候就不需要标签去提交表单了。 jsp代码

注意： a标签的href属性必须设置为#,因为a标签默认会发生跳转。

javascript代码

java代码

使用js去处理html的超链接请求时，就可以动态的设置传递参数，以及传递参数的数值。由于标签请求的提交需要window.location对象，提交超链接请求仍是get方式。

注意： 直接使用js，也可以将超链接请求参数提交方式修改为post，由于jQuery中封装的要好很多，这里就不记了。点这里可以看到实现。

jsp代码

注意： a标签的href属性必须设置为#,因为a标签默认会发生跳转。

javascript代码

java代码

jQuery提交表单有两种，第一种就是只提交表单中的内容，没有额外数据提交，这种比较简单。还有一种就是不仅提交表单的内容，而且增加一些额外的参数与表单内容一起提交。

jsp代码

jQuery代码

注意：这里写法就很灵活，比如用bind去创建click事件，用其他的html标签触发事件，获取表单中的用户输入数据之类进行处理什么的都可以。

java代码

这种提交方式就是所有表单提交和超链接请求中最为灵活的提交方式了，也是目前做的项目中最常见的页面提交方式。

jsp代码

jQuery代码

java代码

注意：

1. 这里写的这个小例子中，对于表单外的参数提交是靠拼接url完成的。

2. 这个checkbox主要是作为个js数组参数传递的示例，不同于在form表单中提交的checkbox，后台java获取数组的方式是：

request.getParameterValues("param_name");

然而拼接成url之后，后台获取方式变成了字符串获取，得到的是带逗号分隔的数组字符串数值，那么后台java获取只能是：

request.getParameter("param_name");

3. 在现在做的项目中，既然拼接字符串无法传递数组给后台，所以正常都传递JSON字符串。页面创建的JSON对象转化为字符串，然后后台通过JSON的解析包去解析。千万别忘了js转换JSON对象为字符串:

var json_str = JSON.stringify(json_object);

4. 针对$.post( )函数，详细的可以看看这里。

jQuery对超链接请求的操作，就有点像上面这个提交表单和额外参数的demo，不过因为没有表单，所以超链接请求提交的参数都是额外的参数，或者说是任意想要提交的参数。 jsp代码

注意： a标签的href属性必须设置为#,因为a标签默认会发生跳转。

jQuery代码

java代码

这里写一个简单datagrid的提交，在datagrid的提交中，由于又有一层封装好的方法，所以使用起来更为简单明了。 jsp代码

jQuery代码

注意： 在确认使用datagrid的分页功能之后，也就是pagination的属性为true，提交参数时，easy-ui会多封装2个参数传递到后台。分别是page（当前第几页）和rows（每页记录数）。

java代码

最后给大家推荐一个专门查找淘宝天猫优惠券的网站, 喜欢网购的朋友不妨去看看, 上面有不少商品的优惠券,可以帮大家购物省钱, 去了不会让你失望的, 感谢大家的支持! 点击打开链接   

如果大家觉得进网站有点麻烦,毕竟我们使用手机购物还是占大多数, 那我直接给大家推荐一个手机APP软件吧, 注册下载一个花生日记，直接复制商品标题，自动搜索淘宝天猫优惠券！先领券，再购物，更划算！-------------

识别下面的二维码下载: