首页 > 代码库 > 表单的方式 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="http://www.mamicode.com/发送">

</form>


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

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

1. juery 方式


$("#smsForm").form({

    success:function(data){

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

    }

});


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


2. AJAX 方式 <input type="submit" value="http://www.mamicode.com/发送" 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