Laravel Javascript with Bootstrap Modal

Question

我的Laravel项目中有一个使用Bootstrap的模态，我使用我的模态来查找数据的细节。数据在表中有很多行，每行数据都有一个按钮来弹出一个模态。这是我的Javascript代码：

  $(document).ready(function() {
    $('[data-toggle="modal"]').click(function(e) {
      event.preventDefault();
      var url = $(this).attr("href");
      if (url.indexOf("#") == 0) {
          $(url).modal('open');
      } else {
        $.get(url, function(data) {
            $('<div class="modal hide fade">' + data + '</div>').modal().on('hidden', function(){
             $('.modal-backdrop.in').each(function(i) {
                $(this).remove();
            });
          });
        }).success(function() { $('input:text:visible:first').focus(); });
      }
    });
  }

当我点击按钮时，模态弹出不错，数据就出来了。但我的问题是，当我关闭模态并单击另一个按钮时，数据与我打开的第一个相同。然后我尝试重新加载页面，模态上的数据始终是我首先打开的数据... 我如何解决它？我必须使用AJAX吗？