trying to get ajax request to work

trying to get ajax request to work

  2. function loadPages() {
  3.             var url = "/api/ChartAPI";
  4.             $.ajax({
  5.                 url: url,
  6.                 type: "GET"
  7.             }).done(function (resp) {

  9.                 //Get the number of pages.
  10.                 //Consider here the page size as 10

  12.                 var pgSize = resp.length / 10;

  14.                 //If the Result is float, then Round it to 1
  15.                 if (isPgSizeFloat(pgSize)) {
  16.                     pgSize = Math.round(pgSize);
  17.                 }

  19.                 //Add Pages in the DropDown for record Pages
  20.                 var pgHtml = "";

  22.                 for (var i = 1; i <= pgSize; i++) {
  23.                     pgHtml += "<option value=" + i + ">" + i + "</option>";
  24.                 }
  25.                 //Add Page Numbers
  26.                 $("#lstRecPages").append(pgHtml);
  27.             }).on("error", function () {
  28.                 $("#dvMsg").html("Error " + err.status);
  29.             });
  30.         };
I'm using jquery-3.2.1.min.js
I'm getting an error because originally it used the .error function, but that doesn't exist anymore, so I'm trying to use the .On function.
Can someone tell if there's a way to fix this ajax request?