jsp按钮怎么用

148 阅读 0 评论 98 点赞

我是靠谱客的博主真实小甜瓜，这篇文章主要介绍jsp按钮怎么用，现在分享给大家，希望可以做个参考。

jsp的按钮应该就这两种button和submit，今天我就让我们来看看如何使用吧。

1、button：可以对返回的数据进行格式化，反应到页面上,可以用form表单序列化提交也可以不用form表单提交。

form表单提交

复制代码<form  id="addForm">
  <input type="hidden" placeholder="用户id"  id="id" name="id"/>
  <input type="button" value="保存" onclick="addUser()">

<script type="text/javascript">

  function addUser(){
    $.ajax({
      type:'post',
     // data:$("#addForm").serialize(),
      data:{id:$("#id").val()},
      url:'<%=ctxPath%>/doSave',
      success:function(data){
        alert("保存成功！");
        window.location.href='<%=ctxPath%>/home';
      }
    });
  }1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form  id="addForm">
  <input type="hidden" placeholder="用户id"  id="id" name="id"/>
  <input type="button" value="保存" onclick="addUser()">

<script type="text/javascript">

  function addUser(){
    $.ajax({
      type:'post',
     // data:$("#addForm").serialize(),
      data:{id:$("#id").val()},
      url:'<%=ctxPath%>/doSave',
      success:function(data){
        alert("保存成功！");
        window.location.href='<%=ctxPath%>/home';
      }
    });
  }
登录后复制

2、submit：专用于form表单提交，无法对返回的数据进行格式化，必须form表单提交

复制代码<form  id="addForm" method="post" action="<%=ctxPath%>/doSave">
  <input type="hidden" placeholder="用户id"  id="id" name="id"/>
  <input type="submit" value="保存">
</form>1
2
3
4
<form  id="addForm" method="post" action="<%=ctxPath%>/doSave">
  <input type="hidden" placeholder="用户id"  id="id" name="id"/>
  <input type="submit" value="保存">
</form>
登录后复制

Submit是专门用于提交表单的Button，与Button的区别主要有两点：

type=button 就单纯是按钮功能
type=submit 是发送表单

(1)、Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此
(2)、表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。

以上就是jsp按钮怎么用的详细内容，更多请关注靠谱客其它相关文章！