数组方式进行表单提交，数组表单提交

数组方式进行表单提交，数组表单提交

　　今天遇到一个问题，要保存很多表单信息，苦恼了许久，终于发现一个挺不错的方法，以数组的形式把表单中的数据提交至后台进行保存。

　　其实实现起来很简单，就是给表单中要提交的信息的name命名时要有一定的规范，我们先比较下下面这两种方式的差别：

第一种、普通的方式，每个要提交的值都有一个名称

<form id="form1" action="./index.php" method="get">
	<div class="form-control">
		<input type="text" name="name1" />
		<input type="text" name="num1" />
		<input type="text" name="img1" />
	</div>
	<br>
	<div class="form-control">
		<input type="text" name="name2" />
		<input type="text" name="num2" />
		<input type="text" name="img2" />
	</div>
	<br>
	<div class="form-control">
		<input type="text" name="name3" />
		<input type="text" name="num3" />
		<input type="text" name="img3" />
	</div>
	......
  <input type="submit" value="Submit" />
</form>

　　服务(index.php)很简单就两句话

<?php
echo "<pre>";
print_r($_GET);

　　在渲染好的网页上填入下面信息并点击提交

<form id="form1" action="./index.php" method="get"> <div class="form-control"> <input type="text" name="infos[1][name]" /> <input type="text" name="infos[1][num]" /> <input type="text" name="infos[1][img]" /> </div> <br> <div class="form-control"> <input type="text" name="infos[2][name]" /> <input type="text" name="infos[2][num]" /> <input type="text" name="infos[2][img]" /> </div> <br> <div class="form-control"> <input type="text" name="infos[3][name]" /> <input type="text" name="infos[3][num]" /> <input type="text" name="infos[3][img]" /> </div> ...... <input type="submit" value="Submit" /> </form>

　　细心看看就会发现，要提交的数据的名字name发生了变化，在这里看可能还不太明显，当点击提交后会发现传到后端的值整齐多了，看看下面的截图

　　通过浏览器插件解析过的查询字符串是这样的

<form id="form1" action="./index.php" method="get"> <div class="form-control"> <input type="text" name="infos[name][]" /> <input type="text" name="infos[num][]" /> <input type="text" name="infos[img][]" /> </div> <br> <div class="form-control"> <input type="text" name="infos[name][]" /> <input type="text" name="infos[num][]" /> <input type="text" name="infos[img][]" /> </div> <br> <div class="form-control"> <input type="text" name="infos[name][]" /> <input type="text" name="infos[num][]" /> <input type="text" name="infos[img][]" /> </div> ...... <input type="submit" value="Submit" /> </form>

　先看看浏览器传递的数据

　　　　本文版权归作者iforever(luluyrt@163.com)所有，未经作者本人同意禁止任何形式的转载，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。