title: Replicating Simple Postman API Call With Raw Data in Jquery
body: <p>I have this simple API call that is working in POSTMAN:</p>
  
  <p><a href="https://i.stack.imgur.com/AHOXU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AHOXU.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/wh1aR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wh1aR.png" alt="enter image description here"></a></p>
  
  <p>Real simple. Works perfectly.</p>
  
  <p>However, I've tried to replicate this in jQuery like follows:</p>
  
  <pre><code>$.ajax({
      url: "https://example.us-east-1.amazonaws.com/prod",
      type: "POST",
      contentType: "application/json",
      data: {
          id_api: "catalogo_get_categorias"
      },
      success: function(results){
          console.log(results)
      },
      error: function(err) {
          console.log(err)
      }
  });
  </code></pre>
  
  <p>But it keeps coming back with 500 error.</p>
  
  <p>Any ideas?</p>
  
  <p>Edit:</p>
  
  <p>The console produces the following error when I have the Chrome CORS extension disabled</p>
  
  <p><a href="https://i.stack.imgur.com/Lw7Rf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lw7Rf.png" alt="enter image description here"></a></p>
  
  <p>And with the <a href="https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en" rel="nofollow noreferrer">CORS plugin</a> enabled this is the output
  <a href="https://i.stack.imgur.com/PjJqR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PjJqR.png" alt="enter image description here"></a></p>