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);
    }
  });
});

如果用户按下send按钮，我需要执行第二个代码（ajax请求）。我该怎么办？

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

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

Answer 3

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

链接发送按钮到ajax请求

3 个答案: