Javascript 函数onsuccess（response）在隐藏的div上显示整个页面

每次上传图像时，它都会在隐藏的div上显示整个页面，如屏幕截图所示

和 我觉得下面的script标签有问题，因为如果我删除response变量，它将不再显示重复的页面，也不再显示应该显示在页面上的响应

任何帮助都将不胜感激

代码如下：

<form action="" method="POST" id="uploadimg" enctype="multipart/form-data">
                    <div class="form-group col-md-6"><br />
                        <label class="col-md-4">Product thumbnail:</label><input type="file" name="thumb" id="thumb"/><br />
                        <label class="col-md-4">Profile picture01:</label><input type="file" name="file01"/><br />
                        <label class="col-md-4">Profile picture02:</label><input type="file" name="file02"/><br />
                        <label class="col-md-4">Profile picture03:</label><input type="file" name="file03"/><br />
                        <label class="col-md-4">Profile picture04:</label><input type="file" name="file04"/><br />
                        <label class="col-md-4">Farmer's photo:</label><input type="file" name="farmer"/><br /><br />

                        <input class="btn btn-warning btn-sm " type="submit" value="Upload" name="submit"/><br /><br />
                    </div>

                    <div class="form-group col-md-6">
                        <div id="loader">
                            <center><img src="images/loading.gif" /></center>
                        </div>
                        <div id="onsuccessmsg"></div>
                    </div>
                </form>


<script>
$(document).ready(function(){
    function onsuccess(response){
        $("#loader").hide();
        $("#onsuccessmsg").html('</b><div id="msg">'+response+'</div>');
    }

    $("#uploadimg").on('submit',function(){
        $("#loader").show();
        var options={
        success: onsuccess
        };

    $(this).ajaxSubmit(options);
    return false;
    });
});
</script>

产品缩略图：

配置文件图片01:

配置文件图片02:

个人资料图片03:

配置文件图片04:

农民的照片：





$（文档）.ready（函数（）{
函数onsuccess（响应）{
$（“#加载程序”）.hide（）；
$（“#onsuccessmsg”）.html（“”+response+“”）；
}
$（“#uploadimg”）。在（'submit'，function（）上{
$（“#加载程序”）.show（）；
var期权={
成功：成功
};
$（此）.ajaxSubmit（选项）；
返回false；
});
});

我认为它的工作方式与您认为的不一样。调查一篇ajax文章的返回值，看看它实际返回了什么。你想实现什么？运行时，您当前的代码试图加载调用脚本的同一页面。实际上，我发现我忘记添加退出；命令，它包含在页面的顶部，因此它将所有html输出到隐藏的div，感谢您提醒我检查输出！