JobInfo

// Submit an asynchronous geoprocessing job
const jobInfo = await submitJob(url, params);

// Define a callback that will be called periodically. The function will print the
// geoprocessor's progress and percentage complete (if a step progressor).
const statusCallback = ({ jobStatus, progress }) => {
  if (jobStatus !== "job-executing") { return; }

  const { message, percent } = progress;
  const status = `Message:  ${message}
                  Progress: ${percent ?? "not specified"}`
  console.log(`Status: ${status}`);
};

// Wait for the geoprocessing job to complete and print job progress
// to the console every five seconds
await jobInfo.waitForJobCompletion({ interval: 5000, statusCallback });

// Cancel an ongoing geoprocessing job when the user clicks a "cancel" button.
document.getElementById("cancelButton").addEventListener("click", () => {
  jobInfo.cancelJob().then(() => {
    console.log("Job cancelled successfully.");
  }).catch(() => {
    console.log("Problem occurred which cancelling the geoproccessing job");
  });
});

// Get the resulting map image layer from a completed geoprocessing job.
jobInfo.fetchResultMapImageLayer(jobInfo.jobId)).then(function(layer){
  view.map.add(layer);
});

// Submit an asynchronous geoprocessing job. Display the remote job status every 1.5 seconds.
// When the job has completed, the output is a MapImageLayer.
const startDate = "1998-01-01 00:00:00";
const endDate = "1998-05-31 00:00:00";
const params = {
  query: "(Date >= date '" + startDate + "' and Date <= date '" + endDate + "')"
};

const url = "https://sampleserver6.arcgisonline.com/arcgis/rest/services/911CallsHotspot/GPServer/911%20Calls%20Hotspot";

submitJob(url, params).then((jobInfo) => {
  const jobid = jobInfo.jobId;
  console.log("ArcGIS Server job ID: ", jobid);

  const options = {
    interval: 1500,
    statusCallback: (j) => {
      console.log("Job Status: ", j.jobStatus);
    }
  };

  jobInfo.waitForJobCompletion(options).then(() => {
    const layer = jobInfo.fetchResultMapImageLayer.then(function(layer){
      map.add(layer);
    });
  });
});