BootStrap Django Jquery Modal在Ajax调用提交时未关闭
BootStrap Django Jquery Modal Not Closing on Ajax Call Submit
我有一个用于显示弹出窗口的模式,当你点击发布按钮时,它会调用ajax函数,我也有一个模式切换,但它在提交时不会切换模式,我不知道如何修复它。
div类
<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" id='post_modal'>
<div class="modal-dialog modal-sm2">
<div class="modal-content">
{% if is_user_profile %}
<div id='make_post' styly='padding:7px;'>
<form method='POST'>
{% csrf_token %}
title: <input type ='text' id='post_title'><br>
post:<textarea id='post_text'></textarea><br>
<button id='makepost' type="button" class="btn btn-primary" data-dismiss="modal">Post</button>
{% for user in user_data %}
<input type='hidden' id='username' value='{{user.username}}' >
{%endfor%}
</form>
</div>
{%endif%}
</div>
</div>
</div>
ajax调用
$("#makepost").click(function() {
var post_title = document.getElementById("post_title").value;
var post_text = document.getElementById("post_text").value;
var username = document.getElementById("username").value;
$.ajax({
url : "/makepost/",
type : "POST",
dataType: "json",
data : {
csrfmiddlewaretoken: '{{ csrf_token }}',
username: username,
post_title: post_title,
post_text: post_text,
},
success : function(json) {
document.getElementById('output').innerHTML = (json['message']);
updatePostSection(json['user_posts']);
},
error : function(xhr,errmsg,err) {
console.log(xhr.status + ": " + xhr.responseText);
document.getElementById('output').innerHTML = "Request Failed.";
}
});
return false;
});
我不确定问题是否是模态在发布后没有消失,但如果是,你可以在成功/错误函数的末尾添加以下行:
$("#post_modal").modal('hide');
希望对有所帮助
干杯!
相关文章:
- 如何在 API 调用后和 if 语句中启用提交按钮
- angularjs-控制器在表单提交时未调用
- 为什么我的ajax在提交用@HtmlRenderPartial加载的表单时只调用fire一次
- 调用DOM提交方法时未激发jQuery提交事件
- 提交按钮只能在onchange调用输入文本后第二次点击时工作
- 在表单提交按钮的点击事件中调用函数时发生引用错误
- 表单提交没有'调用return false后无法工作
- 表单提交与 AJAX 轮询调用
- 在输入类型提交按钮上调用 C# 方法
- 从javascript调用Rails Controller/action提交表单
- 提交表单会触发 ajax 调用,该调用会在成功时发布到操作页面
- AJAX 调用和表单提交之间的延迟
- ExtJS 5-使用表单提交调用Javaservlet导出返回解码错误
- 提交表单和cordova函数没有被调用
- 提交按钮的点击元素不调用JS函数
- 未调用表单提交处理程序
- 单击表单提交按钮时调用经典ASP函数
- 在表单提交之前,save()内部的方法调用显示模板的返回
- 如何查看从 javascript 中的表单按钮提交调用的 php 文件中的回显
- 如何从rails表单提交调用JS函数