How to bind json data to slickgrid with ajax load through service url?

$.ajax({
   url: ';json.aspx/ConvertDataTabletoString',
            
   contentType: "application/json;charset=utf-8",
   type: "POST",
                  
   dataType: "json",
   error: function (jqXHR, textStatus, errorThrown) {
      // debug here
      alert("hi this is error message");
      console.log(jqXHR);
   },
   success: function (data) {
                     
      for (var i = 0; i < data.length; i++) {
         slickdata[i] = {
            recid: data[i].recid,
            fname: data[i].fname,
            lname: data[i].lname,
            email: data[i].email,
            sdate: data[i].sdate,
      };
   }
   alert("slick data is:::" + slickdata);
   console.log(slickdata);
})
   console.log(data);
                     
   grid = new Slick.Grid("#teamGrid", data, columns, options);