表单的方式 Java

标签：表单提交 java

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

<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

标签：表单提交 java

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