表单中inputname属性有⽆[]的区别
1 input数组
如下⼀个表单：
<input type="text" name="username[]" value="Jason" />
<input type="text" name="username[]" value="Tom" />
<input type="text" name="username[]" value="Goe" />
我们在name属性值后⾯加⼀个中括号[]，：$_POST['username'] = ['Jason', 'Tom', 'Goe']。改⽤GET⽅式再提交，可以看到数据格式是这样的：
username%5B%5D=Jason&username%5B%5D=Tom&username%5B%5D=Goe
其中，%5B%5D就是中括号[]，代表数组。
2 ⾮input数组
另⼀种容易混淆的提交⽅式，就是name后⾯没有中括号[]：
<input type="text" name="username" value="Jason" />
<input type="text" name="username" value="Tom" />
<input type="text" name="username" value="Goe" />
这种情况提交后，，也就是$_POST['username'] = 'Goe'。
属于input属性GET⽅式提交看到数据格式如下：
username=Jason&username=Tom&username=Goe
这种⽅式三个username后⾯没有带[]。
3 ⾮input数组⽅式提交成数组
上⾯两种提交⽅式中，直接点提交按钮提交，和⽤jQuery$('form').serializ()序列化提交，得到的结果都是⼀样的。
加[]后台得到数组，不加[]得到最后标签的值。
如果第⼆种也要提交成数组，那怎么办呢？
办法就是，在提交之前⽤jQuery处理：
$('form').on('submit',function(e) {
e.preventDefault();
var data = $("input[name='username']").map(function () {
return $(this).val();
}).get();
$.post('save.php', {username: data}, function(r){
$('p').html(r);
});
});
这种⽅式稍显啰嗦。
如果不需要提交之前不需处理数据，直接⽤第⼀种⽅式最为⽅便。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。