首页 > 编程语言 > 详细

表单的方式 Java

时间:2016-12-01 23:06:47      阅读:223      评论:0      收藏:0      [点我收藏+]

采用传统的表单提交,提交到后台以后一般都是要跳转到新的页面


<form id="smsForm" action="${base}/xxx/xxxx" method="post">

    <label>手机号码:</label>

    <input type="text" id="mobile" name="mobile"/>

    <label>内容:</label>

    <input type="text" id="content" name="content"/>

    <input type="submit" value="发送">

</form>


但是有时我们常需要在提交页面进行 弹出窗方式的提示 不用跳转

所以就有了以下提交表单的方式

1. juery 方式


$("#smsForm").form({

    success:function(data){

        alert("返回结果" + data);

    }

});


$("#smsForm").submit(function(){
    alert("提交");
});


2. AJAX 方式 <input type="submit" value="发送" onclick="formUp();">

function formUp(){

    $.ajax({

                url:"${base}/xxx/xxx",

                type:"post",

                data:$(‘#smsForm).serialize();

                success:function(data){

                        alert(data);

                        console.log("返回结果.." + data);

                },

                error:function(e){

                    alert("错误!!");

            }

    });       

}

3. jquery.form.js

$("#smsForm").ajaxSubmit();



form表单提交附件 记得添加

<form enctype="multipart/form-data">

      <input type="file">

</form>




表单的方式 Java

原文:http://10229180.blog.51cto.com/10219180/1878513

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!