CODEWITHSUNDEEP
javascriptphpajaxyii
phpdev
phpdev

Reputation: 511

link send button to ajax request

I have following code in my view file:

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

and

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

I need to execute the second code(ajax request), if user presses send button. How can I do it?

Upvotes: 0

Views: 61

Answers (3)

Hikmat Sijapati
Hikmat Sijapati

Reputation: 6969

Listen click event

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

Script:

<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>

Upvotes: 1

dangor
dangor

Reputation: 465

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

Upvotes: 0

Indrasis Datta
Indrasis Datta

Reputation: 8606

You just need to write your AJAX code within the button click event.

$("#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({
     ..........
     ..........
    });
});

Upvotes: 2

Related Questions