【发布时间】:2015-05-23 10:28:34
【问题描述】:
我需要在我的页面的ajax的成功函数中弹出一个引导模态。提交表单时调用成功函数..那么有没有什么方法可以弹出引导模态而不需要单击按钮。我'我是菜鸟..请帮帮我.. 这是我的 ajax 调用..
$("#form").submit(function(e)
{
$.ajaxSetup({
headers:{'X-CSRF-Token' : $('meta[name=_token]').attr('content')}
});
e.preventDefault(); //STOP default action
var postData = $(this).serializeArray();
console.log(postData);
var formURL = "http://localhost:8000/v1/people_roles";
$.ajax(
{
url :formURL ,
type: "POST",
data : postData,
success:function(response, textStatus, jqXHR)
{
if(response.parent==1)
{
$("#getCode").html(response);
$("#getCodeModal").modal('show');
window.location.href="/web/staff/detail.php?id="+response.people_id;
}
else
{
//console.log(response);
window.location.href="/web/staff/detail.php?id="+response.people_id;
}
}
});
});
这是我的 html 模态代码..
<div class="modal fade" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p><strong>Lorem Ipsum is simply dummy</strong> text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-white" ng-click="cancel()">Close</button>
<button type="button" class="btn btn-primary" ng-click="ok()">Save changes</button>
</div>
</div>
</div>
</div>
【问题讨论】:
-
你能摆弄一下你的代码吗?
-
$("#getCodeModal").modal("show");
标签: javascript jquery html ajax twitter-bootstrap