如何解决上载内容后刷新引导程序模式对话框的主体
我正在创建服务,该服务通过引导模式对话框更改数据库中的某些数据。上传文件后,我在模态对话框主体中显示此名称。但是我看不到我刚刚上传的文件的名称,我必须关闭对话框,然后再次打开它,否则无法看到上传文件的实际名称。
问题是:如何在不关闭模式对话框的情况下刷新它的“模式主体”?
这是我的模态html:
<div class="modal fade" id="editModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="width: 535px">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Edit Event</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="dialog-edit"></div>
<div id="EditStatus"></div>
</div>
</div>
</div>
和我的JavaScript:
tab.on("click",".btnUpload",function (e) {
var formData = new FormData();
var id = $(this).closest("tr").find('#fileId').text();
var file = document.getElementById("FileUpload").files[0];
formData.append("id",id);
formData.append("file",file);
$.ajax({
type: "POST",url: "/Events/UpdateJsionFile",contentType: false,processData: false,dataType: "JSON",data: formData,success: function (data) {
if (!data.success) {
var res = $('<div style="color:red;">' + data.error + '</div>')
$('#uploadStatus').html(res);
}
else {
$('#uploadStatus').html("File #1 uploaded!");
}
}
});
});
一切正常,但是我不知道上传后如何刷新数据? 有人可以帮我吗?
解决方法
我已经这样解决了:
首先,我创建了一个文件名为的变量:
<header id="nav2">
<div class="logoandburger">
<h1 class="logo">Logo</h1>
<img src="menu.svg" class="burger" id="burger" width="35px;" alt="menu icon">
<img src="bubble.svg" class="bubbles" width="30px" alt="">
</div>
<nav class="nav1" id="nav1">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
</header>
<h1>Lorem ipsum dolor sit amet,consectetur adipisicing elit. At ut animi dicta ex,optio illo id perferendis ipsum quia repellat quam quis aut vel fugiat alias mollitia,architecto quos,delectus,eos. Blanditiis accusantium eum,culpa,dolores delectus voluptas officia eligendi! ipsum dolor sit amet,dolores delectus voluptas ipsum dolor sit amet,dolores delectus voluptas o illo id perferendis ipsum quia repellat quam quis aut vel fugiat alias mollitia,dolores delectus volupt</h1>
<script src="main.js">
</script>
然后,在我的ajax成功之后:
var fileName = document.getElementById("FileUpload").files(0).name;
希望它会帮助正在寻找同一事物的人...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。