AJAX call to create issue gets 403 error, but Postman POST request works Edited

[Tim Lee]

Hey,

I'm trying to create an issue using the REST API. I am able to create issues using basic authentication with Postman.

However  using a button that runs an AJAX call gets me a 403. 

$(document).ready(function() {
   $("button").click(function() {
      $.ajax({
          type: "POST",
          url: "https://mysite.atlassian.net/rest/api/2/issue",
          dataType: "JSON",
          username: "username",
          password: "password",
          contentType: "application/json",
          data:
              JSON.stringify({
                  "fields": {
                  "project": {
                       "key": "TEST"
                   },
                  "summary": "LOL work.",
                  "issuetype": {
                  "name": "Bug"
              },
           "description": "One more thing to decide if it really worked"
         }
       })
     });
  });
});

The code above uses the same username and password as my Postman call, which produces a ticket. Any thoughts?

Some other details:

• I am also using the CORS Chrome Extension plugin to avoid CORS issues.
• I am the administrator on the account so accessibility shouldn't be an issue
• I also tried using 'headers' within the AJAX body