jQuery .ajax语法错误,无法识别的表达式
我试图通过.ajax调用检索数据并将响应html代码添加到引导模态主体。但我一直接收此错误:jQuery .ajax语法错误,无法识别的表达式
的jquery-3.1.0.min.js:2未被捕获的错误:语法错误,不能识别的表达式:http://localhost/menu/create
其实我接收响应所需的数据,但由于这错误,数据无法显示在模态窗口上。
这是我的代码。当我点击一个链接时,ajax调用返回一个html表单并将其插入到模态主体中。然后显示模式窗口。
<a href="{{route('menu.create')}}" class="btn btn-default pull-right show-new-menu-item-modal" data-toggle="modal">New Menu Item</a>
$('body').on('click', '.show-new-menu-item-modal', function(event) {
event.preventDefault();
$.ajax({
url: $(this).attr('href'),
dataType: 'html',
success: function(response) {
$("#new-menu-item-body").html(response);
}
});
$('#new-menu-item-modal').modal('show');
});
我一直在使用谷歌搜索和更改代码几个小时,但仍然没有运气。如果有人能给我一些想法,我将非常感激。提前致谢!
我怀疑这是由于bootstrap和事实上你已经设置了元素上的data-toggle="modal"
。
尝试删除。你自己初始化模态。
我认为正在发生的事情是,因为你没有使用在联想需要具有data-toggle
它试图使用href
作为一个jQuery选择的模式ID,并且将抛出你看,如果你错误的data-target
这是否
我删除了data-toggle =“modal”,它工作正常!非常感谢!!!! – bwang0904
@charlietfl是正确的,你不能阻止默认动作模式,如果你这样做,它根本不会打开,检查在Bootstrap文档中调用模式的JavaScript方式,它有一个修复您可以使用它来制作您想要的内容,请查看此网址:http://getbootstrap.com/javascript/。
希望你解决
最好的!
尝试在您的ajax调用结束时添加返回false –