title: Ajax: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at
body: <p>I have MVC Web API Service hosted on (two servers)</p>
  <p>When i consume it by C# like WebClient and HttpClient it works fine and when i also consume it by Postman it works  and i call it by pasting the service URL in the browser it works fine too but when i consume it by jquery sometimes it works and sometimes doesn't work and get the following error</p>
  <p>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at myservice.com (Reason: CORS preflight channel did not succeed).</p>
  <p><a href="https://i.stack.imgur.com/E14nG.jpg" rel="nofollow noreferrer">The request details from Postman</a></p>