JQuery get request callback function not being executed

Question

My code is relatively simple. I have a URL, which is defined before the request is sent, I then have a $.get() request, which I expect to return back a JSON object. The code is below.

var url = "url"; //Removed for clarity

$.get(url, function (data) {
        alert("hi");
});

The url being used within the request is correct. I have copied and pasted the code into my browser and I receive the response that I expect from the endpoint.

However when this JQuery code is executed, the callback function is not called and the alert is not fired. Why is this happening?

Edit: Forgot to post the error message I found in the console.

I'm receiving this:

2Initial%20Loan#:1 Access to XMLHttpRequest at 
'-snip url-' from 
origin 'https://localhost:44358' has been blocked by CORS policy: No 
'Access-Control-Allow-Origin' header is present on the requested resource.

Will it have anything to do with the GET request not working?

Answer 1

There might be some problem with the url. The syntax specified by you is correct and the same is checked

var url = "https://jsfiddle.net/"; //Removed for clarity

$.get(url, function (data) {
    alert("hi");
});

working code

Answer 2

This is a classic example of CORS, which stands for Cross origin resource sharing. Browsers prevent sending AJAX request to domain other than where the javascript file originated from.

As the error message says you have to set 'Access-Control-Allow-Origin' http response header from your server code. Read more about CORS here [enter link description here CORS MDN