您的位置:首页 > Web前端 > JavaScript

js 提交表单到后台示例

2016-11-17 13:38 417 查看
方式一:

$(function(){

     $("#btn1").click(function(){

         $("#registerform").submit();

    });

    });

方式二:

 $(function(){

     $("#button").click(function(){

            var form=$("#registerform");

            form.prop("action","http://localhost:8080/ssmy/CreditController/intiqu.do");

            form.submit();

    });

document.itemsForm.action="${pageContext.request.contextPath }/items/deleteItems.action";

    document.itemsForm.submit();

方式三:

 $(function(){

     $("#button").click(function(){

        

   document.registerform.action="http://localhost:8080/ssmy/CreditController/intiqu.do";

    document.registerform.submit();

    });

function selectAll(){

     if ($("#SelectAll").is(":checked")) {

         $(":checkbox").prop("checked", true);//所有选择框都选中

     } else {

         $(":checkbox").prop("checked", false);

     }

 }

   $(function(){

        $("#deleteuser").click(function(){

            //判断至少写了一项

               var checkedNum = $("input[name='creditIdbox']:checked").length;

               if(checkedNum==0){

                   alert("请至少选择一项!");

                   return false;

            }

            var form=$("#registerform");

            form.prop("action","http://localhost:8080/ssmy/CreditController/deleteuser.do");

            form.submit();

     });

  });  

<form  id="registerform" name =''registerform'' action="http://localhost:8080/ssmy/CreditController/createUser.do"
method="post">

<table  class="main" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><img src="../images/top.gif"/></td>

  </tr>

  <tr>

    <td class="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td class="left"><img src="../images/pic001.gif" /></td>

    <td class="red"><img src="../images/pic002.gif" style="vertical-align:bottom;"/>  欢迎您申请 SOHO联名信用卡 </td>

  </tr>

  <tr>

    <td class="left">登录名:</td>

    <td><input id="loginName" name="loginName" type="text" class="inputs" /><div id="login_prompt" class="prompt"></div></td>

  </tr>

   <tr>

    <td class="left">登录密码:</td>

    <td><input id="pwd" type="password" name="loginPwd" class="inputs" /><div id="pwd_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">确认密码:</td>

    <td><input id="repwd" type="password" name="againPwd"  class="inputs" /><div id="repwd_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">身份证号码:</td>

    <td><input id="mycard" type="text" name="IDCard" class="inputs" /><div id="mycard_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">固定电话:</td>

    <td><input id="photo" type="text" name="fixedTelephoneNumber" class="inputs" onblur="checkPhoto()" /><div id="photo_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">手机号码:</td>

    <td><input id="mobile" type="text" name="telephoneNumber" class="inputs" /><div id="mobile_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">电子邮件:</td>

    <td><input id="email" type="text" name="email" class="inputs" onblur="checkEmail()" /><div id="email_prompt" class="prompt"></div></td>

  </tr>

  <tr>

    <td class="left">现居住地:</td>

    <td> <select  id="selProvince"  name="address" onchange="changeCity( )" style="width:100px">

        <option>--选择省份--</option>

      </select>

      <select  id="selCity"  style="width:100px">

             <option>--选择城市--</option></select></td>

  </tr>

  <tr>

    <td class="left"> </td>

    <td><input id="btn1" type="button" value="提交" /></td>

  </tr>

</table>

</td>

  </tr>

  <tr>

    <td><img src="../images/bottom.jpg"/></td>

  </tr>

</table>

</form>

@RequestMapping(value="/intiqu",method=RequestMethod.POST)

    //@ResponseBody

    public String intiquery(CreditVO creditVO,Model model){

        System.out.println(creditVO);

        creditVO.setLoginName("sans");

        List<Credit> list=creditService.queryUserInfo(creditVO);

        model.addAttribute("creditVOList", list);

        model.addAttribute("status", creditVO.getStatus());

        return "queryregister";

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  spring maven 表单 json 对象