onclick не работает с кнопкой

Question

Я пытаюсь сделать работу функции javascript при нажатии кнопки удаления, но функция, похоже, не запускается.

Вот кнопку

<button class="tiny" id="bookmark_delete" onlclick="ajax_bookmark()">Delete</button> 

Вот JS

function ajax_bookmark(){ 
     var abc = $('#b_delete').val(); 
     var cde = $('#currect_req_b_id').val(); 
     $.ajax({ 
    type: "GET", 
    url: "delete_bookmark", 
    data: { 
     d:abc, 
     d1:cde 
    }, 
     error:function(){ 

    }, 
    dataType: 'json', 
    //beforeSend:function(){}, 
    //complete:function(o,s){}, 
    success:function(data){ 
     location.href ="/bookmarks/bookmark" 
    }, 
    type: 'get' 
    }); 
    } 
    </script> 

Answer 1

Существует ошибка в вашем HTML. Вы используете onlclick вместо OnClick:

<button class="tiny" id="bookmark_delete" onclick="ajax_bookmark()">Delete</button> 

Answer 2

Вы, кажется, есть опечатка в атрибуте вашей кнопки тега onclick:

<button class="tiny" id="bookmark_delete" onlclick="ajax_bookmark()">Delete</button>

Должно быть:

<button class="tiny" id="bookmark_delete" onclick="ajax_bookmark()">Delete</button>

Рабочий фрагмент:

function foo(){ 
 
    $('button').html('I was clicked!'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onclick="foo()">DoFoo</button>

Answer 3

У Вас есть ошибка в вашем коде. Кроме того, это плохая практика использовать onclick(), так что вы должны сделать это так:

HTML:

<button class="tiny" id="bookmark_delete">Delete</button> 

ЯШ:

$(document).ready(function() { 
    $('#bookmark_delete').on('click', function(){ 
     var abc = $('#b_delete').val(); 
     var cde = $('#currect_req_b_id').val(); 
     $.ajax({ 
      type: "GET", 
      url: "delete_bookmark", 
      dataType: 'json', 
      data: { 
       d: 'abc', 
       d1: 'cde' 
      }, 
      success:function(data){ 
       location.href ="/bookmarks/bookmark" 
      }, 
      error: function (request, status, error) { 
       alert(request.responseText); 
      } 
    }); 
}); 

посмотрите ДЕМО: http://jsfiddle.net/6e0749uk/

надеюсь, что это поможет.