javascript - Uncaught ReferenceError : checkin is not defined at HTMLButtonElement. onclick

Question

我在单击按钮时遇到 js 函数问题。

<button class="checkin_button btn-block" onclick="checkin(345)"><i class="fa fa-map-marker"></i> Check In</button>

我的 jQuery 函数是:

var CheckIn;
$(document).ready(function() {
  CheckIn = function checkin(id) {
    jQuery.ajax({
      type: 'POST',
      url: ajaxurl,
      data: {
        action: 'foody_checkin',
        'restaurant' = id,
      },
      beforeSend: function() {},
      success: function() {}
    });
  }
});

但它不起作用。

Answer 1

checkin(345) 是一个函数，所以如下所示:-

function checkin(id){
   var ajaxurl = "abc.com" //an example that you have to define ajaxurl before using it
    jQuery.ajax({
        type : 'POST',
        url  : ajaxurl, // now you can use ajaxurl happily
        data : {
            action : 'foody_checkin',
            'restaurant': id,  // : needed instead of =
        },
        beforeSend : function(){},
        success : function(){}
    });
}

注释:-

1.请注意引用内的评论。

2.还要检查在脚本代码之前添加的 jQuery 库