调用bootstrap模态框进行ajax提交后的问题!!

sess520 2018-05-03 04:51:10
有一个按钮,点击后打开以下的模态框,模态框内有一个文本输入框,需要输入名称,然后点提交按钮,通过AJAX提交。提交后获得新增的名称ID。但是发现有个问题,在ajax请求成功后,模态框会自动关闭,但是jq设置的input的value没有设置成功。我看了一下,在ajax成功的时候,jq是设置成功了,但是模态框关闭后会自动刷新又没了。

不知道是什么原因,有什么办法吗?


<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" id="input_modal">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">名称</h4>
</div>
<div class="modal-body">
<form class="form-inline">
<div class="form-group">
<label for="text_modal" class="sr-only">请输入名称:</label>
<input type="text" class="form-control" id="text_modal" placeholder="请输入名称">
</div>
<button type="submit" class="btn btn-primary" id="sbt_input_modal"> 提交</button>
</form>
</div>
</div>
</div>
</div>



$.ajax({
async : true,
type:"post",
url:url,
data:{name:text_input},
dataType:"json",
success:function (e) {
var data = eval("("+e+")");
var li_text = '<li class="list-group-item active">'+text_input+'</li>';
if(data.code == 1){
/*【以下设置有问题,模态框关闭后又自动刷新没了!】
$('#role_id').val(data.id);
*/
}
}
});
...全文
1489 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
JackyRowe 2018-05-04
  • 打赏
  • 举报
回复
你把提交按钮的type=submit去掉试试看
sess520 2018-05-03
  • 打赏
  • 举报
回复

$('#input_modal').on('hidden.bs.modal',function () {
   //这里是AJAX
});
用模态框的事件就可以了。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧