如何用form表单提交json数据
其实form提交方式为get的时候跟json差不多的 都是键值对提交,如果你真想跟json格式一抹一样你就点击提交的时候通过js得到提交的值然后由js去封装为json提交到服务器
提交前先序列化为JSON字符串,服务端再以字符串创建为JSON变量。
var data = {demo: “test“};
var str = JSON.stringify(data); //“{“demo“:“test“}“
如何获取form表单提交的数据
方法一:利用form的onsubmit()函数
Html代码
《script type=“text/javascript“》
function validateForm(){
if(document.reply.title.value == ““){ //通过form名来获取form
alert(“please input the title!“);
document.reply.title.focus();
return false;
}
if(document.forms.cont.value == ““){ //通过forms数组获取form
alert(“please input the content!“);
document.reply.cont.focus();
return false;
}
return true;
}
《form name=“reply“ method=“post“ onsubmit=“return validateForm( );“》
《input type=“text“ name=“title“ size=“80“ /》《br /》
《textarea name=“cont“ cols=“80“ rows=“12“》《/textarea》《br /》
《input type=“submit“ value=“提交“ 》
《/form》
注意:
1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回
2.validateForm一定要返回一个boolean类型的返回值
3.提交按钮要写成submit类型的
form表单如何提交集合到后台
-
如果是form表单,可以通过input Checkbox来设置数据并提交到后台:
《form》
《input type=“checkbox“ name=“param“ value=“集合项1“》集合项1
《input type=“checkbox“ name=“param“ value=“集合项2“》集合项2
《input type=“checkbox“ name=“param“ value=“集合项3“》集合项3
《/form》
2.如果是通过javascript提交,比如ajax或者axios,可以:
const params = new URLSearchParams();
params.append(’param1’, [’value1’,’value2’, ’’value3’]);
axios.post(’/url’, params);
如何批量提交form表单中的数据
用request.getParameterValues()或者用request.getParameter()就可以批量提交form表单中的数据。
一、《input type=“submit“》 定义用于向表单处理程序(form-handler)提交表单的按钮。表单处理程序通常是包含用来处理输入数据的脚本的服务器页面,表单处理程序在表单的 action 属性中指定。
二、实例
《form action=“action_page.php“》
First name:《br》
《input type=“text“ name=“firstname“ value=“Mickey“》
《br》
Last name:《br》
《input type=“text“ name=“lastname“ value=“Mouse“》
《br》《br》
《input type=“submit“ value=“Submit“》
《/form》
三、action 属性定义在提交表单时执行的动作,向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。
四、如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。当您使用 GET 时,表单数据在页面地址栏中是可见的:action_page.php?firstname=Mickey&lastname=Mouse。
五、如果要正确地被提交,每个输入字段必须设置一个 name 属性。本例只会提交 “Last name“ 输入字段。
六、实例
《form action=“action_page.php“》
First name:《br》
《input type=“text“ value=“Mickey“》
《br》
Last name:《br》
《input type=“text“ name=“lastname“ value=“Mouse“》
《br》《br》
《input type=“submit“ value=“Submit“》
《/form》
form表单在提交时哪些数据是有效的
在提交表单只有成功的control才是有效的。每个成功的control都有一对control name和current value 作为被提交的表单数据集的一部分存在。一个成功的control必须在form标签中定义并有control name。
但是:
有disabled属性的control是不成功的
如果一个表单有多个submit button,只有被点击的才是成功的
所有“on”状态的checkboxes都是成功的
对于拥有相同name属性的radio button,只有“on”状态的button才是成功的
对于menu,其name由select提供,value由option提供,只有选中option,menu才是成功的control。当没有选择任何option时,control是不成功的,也就是说在表单提交时不会menu的name和value不会被提交
file select的value是一个或一组文件名,在表单提交时,每个文件的内容也会作为表单数据提交到服务器,文件内容的打包形式由form的content type属性规定
一个对象的value是该对象的实现
在表单提交时若一个control没有value,用户代理不需要将其作为一个成功的control。
而且用户代理不应将以下control视为成功:
reset button
设置了declare属性的object标签
隐藏的control或由于样式表而不会被绘制的control也可能是成功的control。例如:
《FORM action=“…“ method=“post“》
《P》
《INPUT type=“password“ style=“display:none“
name=“invisible-password“
value=“mypassword“》
《/FORM》
name为invisible-password,值为mypassword的control仍然会被提交。
(注:没有看完整的上下文,有些单词不知道是什么意思,但大概猜测这里的control应该就是一个html标签,而successful control的意思就是能会被提交到服务器的标签,name和value则都是标签中的属性)
form 表单中的数据怎么提交到数据库中
form中有个action属性,指明你要提交到哪。
比如你用jsp的话,
a.jsp中
…
b.jsp:
《%
String
name
=
request.getParameter(“name“);
//
这里可以连接数据库
PersonDao
pd
=
new
PersonDaoImpl();
Person
p
=
pd.query(name);
out.println(“你提交的名字是:“
+
name
+
“,查询结果:“
+
p);
%》
怎么在form将页面获取的数据提交
《form method=“post“ action=“order-arrive“ name=“spage“》
首先在表单 将action路径指定好
在js昨晚操作之后要提交的时候执行下面这句即可提交表单 name=“spage“的表单
document.spage.submit();
form表单采用post提交方式提交,在url后面加问号再传递一个参数,提交后是否能接收到
可以接收到。
Request从几个集合取数据是有顺序的,从前到后的顺序依次是 QueryString,Form,最后是ServerVariables。
Request对象按照这样的顺序依次搜索这几个集合中的变量,如果有符合的就中止,后面的就不管了。
假设有个页面:test.asp?id=111
1、页面是用的是POST的方法发送数据给test.asp:
需要用request.from(“id“)取值。
用request(“id“)也能取到数据,但需要先检测QUERYSTRING的值,速度就变慢了。
2、页面是用的GET的方法发送数据给test.asp:
request.querystring(“id“)与request(“id“)都是可以取到get方法的传值。
request.querystring(“id“)只能取GET的数据。
扩展资料:
form的常见属性:
1、id:表单的唯一标识。
2、name:表单的名字。
3、method:定义表单提交的方法,有两种方法:Post方法和Get方法。
4、action:用于处理表单的服务器端页面(以URL 形式表示)。
表单中的控件的两个属性:name属性和value属性,每一个控件的这两个属性将构成“name-value对”提交到action属性所定义的页面进行处理。
post方法:
用这种方法提交的表单,数据将以数据块的形式提交到服务器,表单数据不会出现在URL中,所以用这种方式提交的表单数据是安全的。如果表单数据中包含类似于密码等数据,建议使用post方法。
Get方法:
这是发送表单数据的默认方法,这种方法会以 “?name1=value1&name2=value2”的形式,将表单数据附加到URL的后面,提交到服务器处理,这种方法安全性不如post方法,因为表单数据会暴露在URL中,但是它的处理效率要比post方法高。
form表单提交数据将数据提交到了哪里
接收表单提交的内容。需要用到动态语言接收。表单提交到哪里要看你的form 里的action的属性设置。比如 action=“1.php”就是提交到1.php这个页面里面。如果action为空。就是提交到当前页面接收提交过来的值 asp直接就 request(“表单的名称“)就可以获取到指定表单名所提交过来的值如果是php的 POST方法提交过来的。直接用print_r($_POST)就可以查看所有提交的内容。get方法只要换下print_r($_GET)。