2.7 动态指定表单的提交方式

在前一个代码实例的基础上，通过JavaScript可以进一步动态指定表单的提交方式，具体就是通过操作表单<form>对象的submit()方法来实现的。

【代码2-7】在【代码2-6】的基础上做了如下修改：

● 第14行代码在表单（fMethod）的声明定义中通过“action”属性指定提交的服务端PHP文件（"ch02-js-form-dyn-submit.php"）。

● 第15～26代码增加定义了一组文本框，用于输入用户的名字。

● 第33行代码通过使用表单（fMethod）的“submit()”方法，从而实现了动态指定表单提交方式并进行提交的功能。

下面使用Firefox浏览器运行测试该HTML网页，使用“get”方式提交表单的效果如图2.8所示。

如图2.8所示，使用“get”方式提交表单时，url地址中是显示“query string”参数信息的。然后使用“post”方式重新提交一下表单，效果如图2.9所示。

如图2.9所示，使用“post”方式提交表单时，url地址中是隐藏“query string”参数信息的。