[英]Create a modal dialog box inside a JSP from and perform POST action
我正在嘗試對頁面中的文件進行重命名。 我必須在提交對話框彈出窗口時執行GET請求才能重命名文件。 我面臨的問題是,頁面上有很多輸入字段,因此每次重命名文件時都無法提交表單。 文件列表的HTML組件是動態生成的。 這是代碼片段-
<div class="modal fade" id="renameModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Rename File</h4>
</div>
<div class="modal-body">
<div id="renameForm" class="form-group">
<label class="col-sm-2 control-label" for="inputFname3">FileName: </label><input id="newFilename" type = "text" name = "newFilename"/>
<br />
<input id="confirm-btn" class="btn btn-primary" type = "submit" value = "Confirm" name = "ok" style="float: right" />
<br />
</div>
</div>
</div>
</div>
</div><!-- /modal -->
<%
String str =AdministrationServlet.fileJson(request, collection).toString();
String x = request.getParameter("ok");
if(x!=null && x.equals("Confirm"))
{
AdministrationServlet.renameFile(request,collection.getUuid(),"manifest_text", collection);}
%>
<script type="text/javascript">
$(document).ready(function () {
$('button').click(function(){
var id = this.id;
var res = id.substring("rename-btn-".length,id.length);
$('#renameModal').find('#renameForm').append('<input id="myfieldname" type="hidden" name="myfieldname" value="'+res+'" />');
var oldfilename = $('#myfieldname').val(); <%--"<%=request.getParameter("myfieldname")%>"; --%>
var newfilename = $('#newFilename').val(); <%--"<%=request.getParameter("newFilename")%>";--%>
$('a[id="'+oldfilename+'"]').text(newfilename);
});
});
</script>
如何通過執行API調用而不提交表單來重命名文件。 由於整個div都在表單內。
您應該對Servlet進行Ajax調用以重命名文件。 還有一件事,您應該將javascript代碼遠離jsp放入單獨的js文件中,並使用<script>
標記將其包含在jsp頁面中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.