表单提交种类
编程的朋友,应该会经常会遇到form 表单的数据需保存到数据库中,用于存储用户的数据。有2种方式:get()与post()方式,这2种方式的区别就不用具体介绍了,相信朋友们都很清楚的了解。在这想总结的是action的几种写法。
一般写法:<form action=“XXX”> 指定要接收提交的请求的servlet或者是jsp等其他控制层方法的URI。但是这种写法有一个不好的地方就是:提交表单后,页面会变白,体验性不好。
将表单中的<input type="submit"> 改成<input type="button" onclick="add()">
在js中定义如下函数:
function add(){
用jQuery 取表单的各项值进行验证;
调用 program(参数1,参数2,......)
}
function program(参数1,参数2,..........){
var program = setQueryString(“变量1“,参数1,“变量2”,参数2,.......);
xmlHttp.open(‘post’,'指定的servlet',true);
xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
xmlHttp.send(parm);
xmlHttp.onreadystatechange=response;
}
function response(){
if(xmlHttp.readyState==4){
if(xmlHttp.status=200){
// 可以给用户一些反馈,比如:
alert("操作成功");
}
}
}
3.这种方式是第二种方式用jQuery写法简化
$.ajax({
url:'指定的servlet'
type:'post' 或者是'get'
data:可以是json 格式,或者是用字符串拼接,比如:“变量1”+参数1+.......
success:function(){
服务返回给前端的数据。
}
});
后2种方式是Ajax 提交方式,好处是局部刷新,增强体验效果。
内容就这么多,欢迎大家针对不足之处提出意见。
本文暂时没有评论,来添加一个吧(●'◡'●)