项目____form提交数据，action中接收相关（含ID NAME区别及用法）
2015-10-10 15:47
507 查看
通过今天做项目发现原来理解的不全面。
现在主要两种传输数据方式，一个是form.submit()一个是利用ajax。
利用submit的话，发现如果只是命名id="xx"，在后台并不能直接通过data.get("xx")获取值。
而如果设置了name="xx" 则可以利用data获取值了。原因后面说。
注意：此data是ssdevfrtame框架中利用struts重新封装request请求数据
public abstract class BaseActionSupport extends ActionSupport implements Preparable {
protected CData data = CollectionUtility.getData();
xxxx
}
而CollectionUtility的getData源码如下：
深究发现，id不会提交数据，name会提交数据。网上搜来的区别如下：
HTML元素的ID和Name属性的区别
一直认为ID和NAME是一样的，两个又可以一起出现，甚是疑惑。
今天BAIDU了一下，才发现里面大有文章。发出来研究研究：
最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。
显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。具体用途有：
用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
用途2: HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。
用途3: 建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。
用途4: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。
用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。
用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。
显然这些用途都不是能简单的使用ID来代替掉的，所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别，它们更本就是不同作用的东西。
<input name= "xx "> 会提交数据
<input id= "xx "> 不会提交数据
<input id= "xx " name= "yy ">
<label for= "xx "> Label </label> 这里的for属性必须是指向一个id，否则没效果
<input name= "xx " type= "radio " value= "1 ">
<input name= "xx " type= "radio " value= "2 ">
<input name= "xx " type= "radio " value= "3 ">
这里必须name相同才能成为一组单选按钮，而id则没有这个功能。
<input name= "xx "> 对应脚本document.getElementsByName( "xx ")[0]
<input id= "xx "> 对应脚本document.getElementByIdx_x( "xx ")
而无论ajax，submit提交都是被拦截器拦截，重新将keyvalue封装到CData中 通过data获取值。
————————————————————在网上看到的基本操作中后台前台传值——————————————————————
追问：
追答：
后台：
public String getSeesionArrays() {
HttpSession session =ServletActionContext.getRequest().getSession();
String [] bbb={"第一个元素","第二个元素","第三个元素","第四个元素","第五个元素"};
try {
session.setAttribute("bbb", bbb);
} catch (Exception e) {
e.printStackTrace();
}
return "details";
}
当然不管怎么样，用servlet,struts,webwork,spring mvc还是纯JSP，只要能将数组bbb的值设置成session范围属性，然后能够跳转到目标JSP页面或是浏览器不关闭的情况下，到任何页面，可以通过如下方式获得
<%@ page language="java" pageEncoding="GBK"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>资源列表</title>
<style type="text/css">
</style>
<script language="javascript" type="text/javascript">
function initialJSP(){
var bbb=document.getElementsByName("array");
var info="";
for( i=0;i<bbb.length;i++){
info +=bbb[i].value+",";
}
alert(info);
}
</script>
</head>
<body onLoad="initialJSP()">
<h1>
资源列表
</h1>
<ul>
<%
String bbb[]=(String[])session.getAttribute("bbb");
for(String s:bbb){
%>
<li>
<input type="hidden" name="array" value="<%=s%>" />
<%=s %>
</li>
<%
}
%>
</ul>
</body>
</html>
当然，按照要求，JSP页面当中要不存在<%%>，也就是没有JAVA代码才是合格的，但是这里就勉强那这个做个事例！然后输出结果如下图，显然已经取到了bbb数组，不过都是String类型的，
现在主要两种传输数据方式，一个是form.submit()一个是利用ajax。
利用submit的话，发现如果只是命名id="xx"，在后台并不能直接通过data.get("xx")获取值。
而如果设置了name="xx" 则可以利用data获取值了。原因后面说。
注意：此data是ssdevfrtame框架中利用struts重新封装request请求数据
public abstract class BaseActionSupport extends ActionSupport implements Preparable {
protected CData data = CollectionUtility.getData();
xxxx
}
而CollectionUtility的getData源码如下：
public static CData getData() {
CData data = new CData("REQUEST_DATA");
Map<String, Object> map = ActionContext.getContext().getParameters();
Struts2Utils.getRequest();
ServletActionContext.getRequest();
for (Iterator<String> iterator = map.keySet().iterator(); iterator.hasNext();) {
String params = iterator.next();
if (map.get(params) instanceof String[]) {
String[] value = (String[]) map.get(params);
if (value.length == 1) {
data.set(params, value[0]);
} else {
StringBuffer sb = new StringBuffer();
for (int i = 0; i < value.length; i++) {
sb.append(value[i] + ",");
}
sb.substring(0, sb.length() - 1);
data.set(params, sb.toString());
}
}
}
return data;
}深究发现，id不会提交数据，name会提交数据。网上搜来的区别如下：
HTML元素的ID和Name属性的区别
一直认为ID和NAME是一样的，两个又可以一起出现，甚是疑惑。
今天BAIDU了一下，才发现里面大有文章。发出来研究研究：
最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。
显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。具体用途有：
用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
用途2: HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。
用途3: 建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。
用途4: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。
用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。
用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。
显然这些用途都不是能简单的使用ID来代替掉的，所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别，它们更本就是不同作用的东西。
<input name= "xx "> 会提交数据
<input id= "xx "> 不会提交数据
<input id= "xx " name= "yy ">
<label for= "xx "> Label </label> 这里的for属性必须是指向一个id，否则没效果
<input name= "xx " type= "radio " value= "1 ">
<input name= "xx " type= "radio " value= "2 ">
<input name= "xx " type= "radio " value= "3 ">
这里必须name相同才能成为一组单选按钮，而id则没有这个功能。
<input name= "xx "> 对应脚本document.getElementsByName( "xx ")[0]
<input id= "xx "> 对应脚本document.getElementByIdx_x( "xx ")
而无论ajax，submit提交都是被拦截器拦截，重新将keyvalue封装到CData中 通过data获取值。
————————————————————在网上看到的基本操作中后台前台传值——————————————————————
追问：
假如我想用session把数组bbb的值从后台传到前台，后台的代码该怎样写了？到了前台的Script中怎样来获取？
追答：
后台：
public String getSeesionArrays() {
HttpSession session =ServletActionContext.getRequest().getSession();
String [] bbb={"第一个元素","第二个元素","第三个元素","第四个元素","第五个元素"};
try {
session.setAttribute("bbb", bbb);
} catch (Exception e) {
e.printStackTrace();
}
return "details";
}
当然不管怎么样，用servlet,struts,webwork,spring mvc还是纯JSP，只要能将数组bbb的值设置成session范围属性，然后能够跳转到目标JSP页面或是浏览器不关闭的情况下，到任何页面，可以通过如下方式获得
<%@ page language="java" pageEncoding="GBK"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>资源列表</title>
<style type="text/css">
</style>
<script language="javascript" type="text/javascript">
function initialJSP(){
var bbb=document.getElementsByName("array");
var info="";
for( i=0;i<bbb.length;i++){
info +=bbb[i].value+",";
}
alert(info);
}
</script>
</head>
<body onLoad="initialJSP()">
<h1>
资源列表
</h1>
<ul>
<%
String bbb[]=(String[])session.getAttribute("bbb");
for(String s:bbb){
%>
<li>
<input type="hidden" name="array" value="<%=s%>" />
<%=s %>
</li>
<%
}
%>
</ul>
</body>
</html>
当然，按照要求，JSP页面当中要不存在<%%>，也就是没有JAVA代码才是合格的，但是这里就勉强那这个做个事例！然后输出结果如下图，显然已经取到了bbb数组，不过都是String类型的，
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 非常好的Java反射例子
- Spark配置参数调优
- 获取缓存大小和清除缓存功能
- 怎么查询端口被占用
- Mac OS X中配置Apache
- Android开发之RecyclerView的不同position加载不同View详解
- SpringMVC 知识点整理
- springMVC教程中级(六)resultful与拦截器
- maven 查询jar依赖树
- 字符译码之一
- ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)
- mysql中key 、primary key 、unique key 与index区别
- PHP水印
- java 中判断字符串编码格式
- LeetCode 242----Valid Anagram
- 关于easyUI的一些常规问题总结
- 第五章、采购过程
- Ubuntu 安装Android Studio与使用手册
- php时间函数time(),date(),mktime()区别
- android ndk The cpufeatures Library