重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
定义和用法
我们提供的服务有:成都做网站、网站制作、微信公众号开发、网站优化、网站认证、平邑ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的平邑网站制作公司
取消事件的默认动作。
语法
event.preventDefault()
说明
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
不一定需要用submit提交
1. HTML提交表单
HTML提交表单简单易操作,依靠在form标签对中的input type='submit'提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。
servlet或者action根据name属性获取提交的参数
2. HTML超链接请求
只使用html发送超链接请求的话,方式比较单一。传递参数值是被写死的,并且只能使用get方式去发送请求。如果不用javascript的话,超链接还是作为一个页面跳转按钮比较合适。
jsp代码
3. Javascript提交表单
使用js和html提交表单的话就可以灵活很多,因为js不仅有针对页面很多的触发事件,而且可以获取到html页面元素的信息。
3.1 form表单提交前触发事件
这里主要是介绍下在提交form表单之前的onsubmit事件,在很早以前学习的时候,这个事件会被作为用户输入数据校验的入口。不过仍然因为js使html页面的灵活性变高,这种前端校验用户输入的方式也不是那么唯一。
jsp代码
javascript代码
form提交有两种方式 “GET”和“POST”;GET方式提交是以参数的方式发送
B网页接收数据,
1》纯html的话可以用javascript获取URL参数
p您所选择的是:span id="test"/span/p
script type="text/javascript"
var a = location.search;
var c = a.replace('?',"").split("=");
for(i in c){
document.getElementById("test").innerHTML=c[i];
}
/script
2 如果是php的话
?php
$data = $_GET['name'];或者$_POST['name'];
?
p您所选择的是:span id="test"?php echo $data;?/span/p
button-普通按钮,submit-提交按钮;
submit按钮一般出现在网页上需要提交信息到服务器是才使用,
考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,
一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。在很多情况下,提交数据是要使用JS进行校验的,但如果这时候用户禁用了JS,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。通常的做法是通过button提交数据,那么如果用户禁用JS
,那么数据提交动作就激活不了,
这样能够保证提交到后台的数据是经过前台校验的。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。