如何从 javascript 中的 url 中获取 json 数据？

Question

我有 url 和 json 数据。 例如： {"type": "feature", "name": name"...}

URL 是 GeoServer URL。

我想获取 JSON 数据。

我应该怎么办？

1) $.ajax(url,
       { dataType: "jsonp" }
   ).done(function ( data ) {
       console.log('done will never be called, unfortunately...');
   });

2) $.ajax({
   jsonp:false,
   jsonpCallback: 'getJson',
   type: 'GET',
   url: url,
   async:false,
   dataType: 'jsonp',
   success: function(data){
       alert('success');
   }
  });

3) var view = map.getView();
          var viewResolution = view.getResolution();
          var source = untiled.get('visible') ? untiled.getSource() : tiled.getSource();
          var url = source.getGetFeatureInfoUrl(
            coordinate, viewResolution, view.getProjection(),
      {'INFO_FORMAT': 'application/json', 'FEATURE_COUNT': 50});

       if (url) {

              $.ajax({
               jsonp:false,
               jsonpCallback: 'getJson',
               type: 'GET',
               url: url,
               async:false,
               dataType: 'jsonp',
               success: function(data){
                   alert('success');
               }
           });
       }

但这不起作用。 我没有得到 json 数据。

Answer 1

尝试下面的 Ajax cal 选项，这些选项已经解决了成功和错误。如果有任何错误，很容易找到。

$.ajax({
      type: "GET",
      url: url,
      dataType: "json",
      contentType: "application/json",
      crossDomain: true,
      data:'',
      success: function (response) {
        var res = JSON.parse(response);
        // Console response data
        console.log(res);
        // Do your Operations here...
      },

      error: function (jqXHR, error, errorThrown) {
        console.log(error);
      }
    });