使用Restful请求JSON

When I test the code below it only fails

Any Ideas? The link works fine

$.ajax({
  url: 'http://ulacit3352.cloudapp.net/Login/webresources/generic/search/gera',
  type: 'GET',
  datatype: 'json',
  success: function(data) {
    alert("works")
  },
  error: function() {
    alert("it does not");
  }
});

I get this on Chrome:

The response of the link is not of type "json", instead, it is a plain text, therefore it cannot be parsed. You should change to

dataType: 'text',

Also, for normal ajax, you need to make sure the url is in the same domain of the webpage, which means the code should reside at http://ulacit3352.cloudapp.net/ as well. Otherwise, you should seek for "jsonp" or (better) some server-side solution, such as setting Access-Control-Allow-Origin or make your server as a proxy of the request.

The requested url is server on http which will give rise to This request has been blocked; the content must be served over HTTPS error since the connection is open for eavesdropping and man-in-the-middle (MITM) attacks. It is better to use https provided the url accept https request.

Still there is way to bypass the issue. You can check this LINK