question

Upvotes
Accepted
1 1 0 3

Calling web api from javascript always leads to failure

function opening(event, nodes, node) { alert("opening"); $.ajax({ url: 'https://permid.org/1-5000617737?format=json-ld', type: "GET", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data, textStatus, xhr) { alert('success'); }, error: function (xhr,textStatus, errorThrown) { alert("failed") } }); }

This function always returns failed alert.

I want to access permId data from my javascript/ajax code.

permid-apijavascript
icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 5.0 MiB each and 10.0 MiB total.

Upvote
Accepted
23k 22 9 14

Hello @priyanka.srivastava,

You are likely running into CORS

I.e. the origin that you are at, is not on the list of the allowed origins for permid.org domain.

You can test this with the html test page below.

If you are able to run the page on your webserver, clcik request and get back the entity, your origin is allowed.

If not- you can re-test with chrome with web security disabled, as any origin will be allowed

chrome.exe --user-data-dir="C:/Chrome dev session"--disable-web-security

discussed in detail here

here

test page:

<!DOCTYPE html>
<html>
    <head></head>
<body>
<h1>The XMLHttpRequest Object</h1>
<button type="button" onclick="loadDoc()">Request data</button>
<p>Click the button several times to see if the time changes, or if the file is cached.</p>
<p id="demo"></p>


<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange=function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "https://permid.org/1-4295861160?format=turtle&access-token=YOUR_VALID_TOKEN_HERE", true);
  xhttp.send();
}
</script>

</body>
</html>
icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 5.0 MiB each and 10.0 MiB total.

Upvotes
1 1 0 3
icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 5.0 MiB each and 10.0 MiB total.

Click below to post an Idea Post Idea