form表单提交不跳转页面 并获取后端返回值

1.form表单提交数据默认是跳转页面那么如何阻止呢
废话不多说上代码

<form target="form" action="<%=request.getContextPath()%>/uploadImg.do" id="domeform" method="post" enctype="multipart/form-data">
                            <input type="file" name="files" value="选择文件">
                            <input type="button" value="上传"  id="sub">
                        </form>
<iframe name="form" id="form" style="display:none;"></iframe>

form内添加target属性 并使用iframe标签 iframe的name属性和id属性需要同target相同

2.提交表单如何获取后端返回值
首先引jquery.form.js文件

$("#sub").click(function () {
            $("#domeform").ajaxSubmit(function (data) {
                alert(data[0]);
                $("#hiddenInput").val(data[1]);
            });
        });

猜你喜欢

转载自blog.csdn.net/weixin_43391550/article/details/101267114
今日推荐