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'); 
});

我一直在使用谷歌搜索和更改代码几个小时，但仍然没有运气。如果有人能给我一些想法，我将非常感激。提前致谢！

来源

2016-10-04 bwang0904

尝试在您的ajax调用结束时添加返回false –

我怀疑这是由于bootstrap和事实上你已经设置了元素上的data-toggle="modal"。

尝试删除。你自己初始化模态。

我认为正在发生的事情是，因为你没有使用在联想需要具有data-toggle它试图使用href作为一个jQuery选择的模式ID，并且将抛出你看，如果你错误的data-target这是否

来源

2016-10-04 02:56:58 charlietfl

我删除了data-toggle =“modal”，它工作正常！非常感谢！！！！ – bwang0904

@charlietfl是正确的，你不能阻止默认动作模式，如果你这样做，它根本不会打开，检查在Bootstrap文档中调用模式的JavaScript方式，它有一个修复您可以使用它来制作您想要的内容，请查看此网址：http://getbootstrap.com/javascript/。

希望你解决

最好的！

来源

2016-10-04 06:54:10 bretanac93

jQuery .ajax语法错误，无法识别的表达式

回答

相关问题