删除对话框，阿贾克斯 - Symfony的3

Question

我有一个篮子，我可以有我可以删除

当我点击垃圾桶图标，它直接从本页面删除项目脚本

$('.delete').on('click', function (e) { 
      e.preventDefault(); 
      var value = $(this).attr('data-value'); 
      $.ajax({ 
       url: '{{ path('ajax_app_basket_bill_delete_item') }}', 
       type: 'POST', 
       dataType: 'json', 
       data: { 
        'itemId': value 
       }, 
       success: function (data) { 
        $('#item' + value).remove(); 
        if (data['success'] == 1) { 
         $.ajax({ 
          url: '{{ path('ajax_app_basket_bill_refresh_price') }}', 
          type: 'POST', 
          dataType: 'json', 
          data: { 
           'credit_box' : creditBox, 
           'code' : code 
          }, 
          success: function (data) { 
           $('#t1').text(data['totalWithoutTax']); 
           $('#t2').text(data['tax']); 
           $('#t3').text(data['total']); 
          } 
         }); 
        } 
       } 
      }); 
     }); 

（这里是如果你需要看到这个HTML）

<a class="delete" data-value="{{ item.id }}" href="#"><i class="mdi mdi-delete"></i></a> 

而我的问题是，我怎样才能真正创建一个非常简单的对话框来确认删除，当我点击bin图标而不立即删除它。

谢谢

Answer 1

的simpliest方法是使用JavaScript功能confirm：

$('.delete').on('click', function (e) { 
    e.preventDefault(); 
    if (confirm('Really delete this item?')){ 
     var value = $(this).attr('data-value'); 
     $.ajax({ 
      url: '{{ path('ajax_app_basket_bill_delete_item') }}', 
      type: 'POST', 
      dataType: 'json', 
      data: { 
       'itemId': value 
      }, 
      success: function (data) { 
       $('#item' + value).remove(); 
       if (data['success'] == 1) { 
        $.ajax({ 
         url: '{{ path('ajax_app_basket_bill_refresh_price') }}', 
         type: 'POST', 
         dataType: 'json', 
         data: { 
          'credit_box' : creditBox, 
          'code' : code 
         }, 
         success: function (data) { 
          $('#t1').text(data['totalWithoutTax']); 
          $('#t2').text(data['tax']); 
          $('#t3').text(data['total']); 
         } 
        }); 
       } 
      } 
     }); 
    } 
}); 

你可以得到jQueryUI的的.dialog()或其他额外的对话框脚本容易foundable通过谷歌或其他人更看中的。