Databases
StackOverflow2013
Postsdbo
POJQuery ajax GET request to URL fails although HTTP status is 200 OK
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
    primarykey
    data
    text
    <p>I apologize if this question has already been answered.</p> <p>I am trying to retrieve data from a REST web service that exposes a JSON interface using jQuery .ajax call.</p> <p>When I call the service using the URL, the jQuery call fails although I get a HTTP status code 200 OK. </p> <p>When I copy the response into a file on the filesystem and retrieve this, the same call works.</p> <p>Both the file I am accessing and the web service I am calling are on the same machine. </p> <p>Some notes on the url used in the code below:</p> <p>Using:</p> <pre><code>url: "http://localhost:9090/app/user/861", </code></pre> <p>the call fails, goes into .fail on all browsers. </p> <p>The URL itself returns the json on all browsers: </p> <pre><code>{ "userid": 861, "employeeno": "123", "jobdesc": "Developer", "firstname": "Jasper", "lastname": "Fitussi" } </code></pre> <p>when using "test.json" in the local filesystem following is the behavior:</p> <pre><code>url: "ajax/test.json", </code></pre> <p>On Firefox, the call executes, goes into .done and displays the result on page.</p> <p>On Chrome, the call fails with status 404 and the following message - </p> <p>"No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access."</p> <p>I tried different combinations changing <code>dataType:"jsonp"</code>, adding a <code>?callback=?</code> to the end of the URL, and enclosing the data in the test.json with a '(' and a ')' without luck.</p> <p>Please understand I am new to UI programming, javascript and jQuery.</p> <p>Please help with what I am doing wrong. Here's the javascript:</p> <pre><code>&lt;script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $.ajax({ type: "GET", url:"ajax/test.json", // the following commented call fails, goes into .fail // url:"http://localhost:9090/app/user/861", contentType: "application/json", accepts: "application/json", dataType: "json" }) .done(function(data) { alert("Success"); console.log(data); var items = []; $.each( data, function( key, val ) { items.push( "&lt;li id='" + key + "'&gt;" + val + "&lt;/li&gt;"); }); $( "&lt;ul/&gt;", { "class": "my-new-list", html: items.join( "" ) }).appendTo( "body" ); }) .fail(function(data) { console.log(data); alert("Failed"); }) .always(function() { alert("In Always"); }); }); &lt;/script&gt; </code></pre> <p>The following is the output when I paste the url into the browser (also the contents of ajax/test.json):</p> <pre><code>{ "userid": 861, "employeeno": "123", "jobdesc": "Developer", "firstname": "Jasper", "lastname": "Fitussi" } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJaak Kütt
    1. USuser3147335
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
      1. USJosh Beam
      1. VTFavorite
    2. VO
      singulars
      1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COI think you'll find you have a strange url somewhere. Almost every modern browser enforces restrictions on `ajax`ing from other origins (url domains) than the site is currently hosted at. Try changing your url to `"/test.json"`, I think that has a better chance of working. Otherwise examine your urls carefully.
      singulars
      1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
      1. USLawrence Jones
    2. COAlso, make sure you are making the request from a served page, something that starts with http:// and not something that starts with file://
      singulars
      1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
      1. USEli White
    3. COI tried moving the file into a folder, as well as tried using a served page from tomcat running on localhost, but the behavior is the same as described above. My goal is to retrieve data from the served page - this does not work from any browser. So is localhost not the same domain?
      singulars
      1. POJQuery ajax GET request to URL fails although HTTP status is 200 OK
      1. USuser3147335
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload