Jquery - MVC - 函数名未在 HTMLButtonElement.onclick 处定义

Jquery - MVC - Functionname is not defined at HTMLButtonElement.onclick

我搜索了这个错误并尝试了其他人的解决方案,但它没有 fixed.I 更改 jquery 版本,从头开始编写代码 vs vs 但仍然相同。

 [HttpPost]
    public JsonResult GetID(int ID)
    {
        List<User> users = db.users.ToList();
        User user = users.FirstOrDefault(x => x.Id == ID);
        return Json(user, JsonRequestBehavior.AllowGet);
    }



 <button onclick="dataget()" id="personID" style="margin-left: 28%;"> <span class="fa fa-arrow-left text-dark" style="font-size:30px" aria-hidden="true"></span></button>


<script type="text/javascript">

    var dataget = function () {
        var ID = 1;
        $.ajax({
            url: '/Finder/GetID/' + ID,
            type: 'POST',
            dataType: 'json',
            success: function (data) {
                $("#Name").html(data.Name);
                $("#Surname").html(data.Surname);
            }

        });
</script>

将此用作您的按钮;

<button id="personID" style="margin-left: 28%;">
   ...
</button>

您需要将脚本放入剃须刀部分,它将插入布局中的脚本部分。

@section script {
   <script type="text/javascript">

      // execute this function upon page ready
      $(document).ready(function(){

         // bind the event to your button
         $("#personID").click(function(e){
            e.preventDefault();
            
            //Fetch form data
            var sendData = { ID:1 };

            $.ajax({
               url: '@Url.Action("Find","GetID")',
               type: 'POST',
               data: sendData,
               dataType: 'json',
               contentType: 'application/json; charset=utf-8',
               success: function (data) {
                  $("#Name").html(data.Name);
                  $("#Surname").html(data.Surname);
               }
            });
         });
      });
   </script>
}