ссылку отправить кнопку запроса Ajax

Question

Я следующий код на мой взгляд файла:

<button id="send"">Send</button> 

и

$('input[name="managerelradio"]').change(function(){ 
    var manageradiorel = $('input[name="managerelradio"]:checked').val(); 
    console.log(manageradiorel); 
    var module_id='<?php echo $model->id;?>'; 
    $.ajax({ 
    url: '/cabinet/intranet/changeStatus', //actionChangeStatus 
    type: 'POST', 
    cache: false, 
    data: {'val':manageradiorel, 'module_id':module_id}, 
    beforeSend: function() { 
     console.log(manageradiorel); 
     console.log('id'); 
    }, 
    success: function (r) { 
     console.log(r); 
     console.log('success'); 
    }, 
    error: function (e) { 
     console.log(e); 
    } 
    }); 
}); 

Мне нужно выполнить второй код (AJAX запрос), если пользователь нажимает send кнопку , Как мне это сделать?

Answer 1

Вам просто нужно написать код AJAX внутри события нажатия кнопки.

$("#send").on("click", function() { // Button click event 
    var manageradiorel = $('input[name="managerelradio"]:checked').val(); 
    console.log(manageradiorel); 
    var module_id='<?php echo $model->id;?>'; 
    $.ajax({ 
    .......... 
    .......... 
    }); 
}); 

Answer 2

$('#send').on('click',function(){ 
    // do your ajax call here 
}); 

Answer 3

Слушайте click событие

<button id="send"">Send</button> 

Сценарий:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#send').click(function(){ 

         var manageradiorel = $('input[name="managerelradio"]:checked').val(); 
         console.log(manageradiorel); 
         var module_id='<?php echo $model->id;?>'; 
         $.ajax({ 
          url: '/cabinet/intranet/changeStatus', //actionChangeStatus 
          type: 'POST', 
          cache: false, 
          data: {'val':manageradiorel, 'module_id':module_id}, 
          beforeSend: function() { 
           console.log(manageradiorel); 
           console.log('id'); 
          }, 
          success: function (r) { 
           console.log(r); 
           console.log('success'); 
          }, 
          error: function (e) { 
           console.log(e); 
          } 
         }); 

        }); 
}); 
</script>