表單的方式 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