javascript

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]);
            });
        });

本文章已修改原文用詞符合繁體字使用者習慣使其容易閱讀

版權宣告:此處為CSDN博主「李二蛋、」的原創文章,依據CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。

原文連結:https://blog.csdn.net/weixin_43391550/article/details/101267114