Untitled

@page
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
  Layout = null;
}

<!DOCTYPE html>

<html>
<head>
  <meta name="viewport" content="width=device-width" />
  <title>Test</title>
  <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
  <script src="~/lib/MyLibTest/jquery-3.3.1.min.js"></script>
  <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>

  <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
  <script src="~/lib/jquery-validation/dist/additional-methods.js"></script>
  <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>

</head>
<body>
  <form asp-controller="Test" asp-action="TestResult"
        data-ajax="true"
        data-ajax-method="POST"
        data-ajax-complete="onComplete"
        data-ajax-success="onSuccess"
        data-ajax-failure="onFailed"
        data-ajax-mode="replace"
        data-ajax-update="#testAjax" >
    <h2>This is the test page</h2><br />
    <input type="submit" value="Submit" />
  </form>

  <br /><br />

  <a class="btn btn-primary"
     data-ajax="true"
     data-ajax-method="post"
     data-ajax-mode="replace"
     data-ajax-update="#testAjax"
     data-ajax-url="@Url.Action("TestResult","Test")">Ajax Test</a>

  <br /><br />

  <div id="testAjax">
    <h4>Replace this</h4>
  </div>


  <script type="text/javascript">
    var results = $("#testAjax");

    var onComplete = function () {
      results.html("");
    };

    var onSuccess = function (context) {
      alert(context);
    }
    var onFailed = function (context) {
      alert("Failed");
    };
  </script>

</body>
</html>