ajaxForm.submit（）

最新推荐文章于 2023-11-20 10:35:57 发布

碧山云游

最新推荐文章于 2023-11-20 10:35:57 发布

阅读量200

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/qq_41617901/article/details/107872277

版权

JavaScript学习专栏收录该内容

23 篇文章 2 订阅

订阅专栏

<form id="Excelform" method="post"  enctype="multipart/form-data" style="display: inline-block;">
    <div class="excelupload" style="display:none;z-index:100;">
        <div class="excelHead">
            <label style="float:left;color: #49d6ff;font-size: 18px;font-weight: bold;margin-left:158px; margin-top:20px;">数据导入</label>
            <img src="~/Scripts/statics/images/X.png" style="float:right; margin-top:4px;margin-right:4px;opacity:.5; cursor: pointer;" id="close_btn" />
        </div>
        <div class="set_date">
            <label>选择时间：</label>
            <input type="text" class="select_butn layui-input" style="font-size:14px;text-align:left;opacity:.7;border:1px solid #2D9EF3;" id="useDate" name="UCE512" value="" readonly required placeholder="日期" />
        </div>
        <div class="upload_file">
            <input type="file" class="filess" id="attend-files" style="display:none;" name="File"  value=" " onchange="addFiles();" />
            <label class="filetext" style="color:white;font-size:14px;width:30px;">选择文件：</label>
            <u class="change_btn" style="color:white;" >上传文件</u>
        </div>
        <div class="file_import" style="margin-left: 160px;"><button type="button" onclick="btnClick();">导入</button></div>
    </div>
</form>

//提交表单
function btnClick()
{
    //年月和文件不能为空
    var ym = $('#useDate').val();
    var file = $('.filess').val();
    if (ym === "" || file === "") {
        console.log("不能为空");
         
        return;
    }
    //调用文件上传
    FileUpload();
}

function FileUpload () {
    //SystemNotice.show({
    //    systitle: "温馨提示", systext: "正在上传",
    //});
    console.log("正在上传中");
    //表格上传    
    var options = {
        type: "post",
        url: 'http://localhost:62101/StatisticsService/JobIntroduction/Unemployment/v1/UploadExcel',
        success: function (resultjson) {
            console.log(resultjson);
            if (resultjson.IsOK) {
                if (resultjson.RowCount == "0") {
                    console.log("表中没有数据!");
                }
                console.log("上传成功");
                //上传成功后 把控件还原初始状态
                //按钮变色
                $('#useDate').attr('value', '');
                $('.filess').attr('value', '');


            } else {
                //上传失败后 把控件还原初始状态


                if (resultjson.Message != null || resultjson.Message != "" || resultjson.Message != undefined) {
                    //SystemNotice.show({
                    //    systitle: "温馨提示", systext: resultjson.Message,
                    //});
                } else {
                    //SystemNotice.show({
                    //    systitle: "温馨提示", systext: "上传失败！",
                    //});
                }
            }
        }

    };
    $("#Excelform").ajaxForm(options).submit();
}

上面的例子中：<button type="button" οnclick="btnClick();">导入</button></div>

button的type是button,这是如果要提交表单就要写： $("#Excelform").ajaxForm(options).submit();

如果button的type是submit，则不需要写submit（)。