Cors error accessing Api

Question

I am trying to access a wikipedia service with JQ, but in returning Cors error, could someone help me with a code to access this service correctly.

Url: https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google

error

Blocked cross-origin request: Same Origin Policy (Same Origin Policy) prevents reading the remote resource at https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google. (Reason: CORS header 'Access-Control-Allow-Origin' is not present).

Answer 1

This is a protection that browsers have, preventing a customer at another address to make a direct request on some site, unless it authorizes external traffic. In these situations, it is worth trying to use JSONP. In an AJAX request with Jquery it looks like this:

var request = $.ajax({
  url: "https://pt.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&titles=google",
  method: "GET",
  dataType: "jsonp"
});
 
request.done(function( msg ) {
  console.log(msg)
});
 
request.fail(function( jqXHR, textStatus ) {
  console.log(jqXHR, textStatus)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>