如何将响应解析为跨域ajax调用的json对象？

Question

我正在进行跨域 ajax 调用。当我直接从浏览器加热链接时，我得到的 json 字符串如下：

但是当我对同一个 URL 进行 ajax 调用时，我的响应中没有得到 json。我的ajax请求如下：

$.ajax({
  url: "http://172.16.201.14:801/api/apiclearing?trackNo=" + $scope.BillClearingModel.BillTrackingNo + "&&tokenNo=~Ice321",
  dataType: 'jsonp',
  success: function(response) {
    console.log(response);
    alert("Success");
  },
  error: function(response) {
    console.log(response);
    alert("Failed");
  }
});

我在控制台中得到的内容如下：

完整对象如下：

我在这里缺少什么？谢谢。

Answer 1

你介意试试这个吗：

var datastring = { "trackNo" : "160822000037" };//try this
//var datastring = "trackNo=160822000037"; //or this

$.ajax({
            type: 'POST',//you may try the GET type
            url: "https://172.16.201.14:801/api/apiclearing", 
            dataType: 'json',// try jsonp as well
            data: datastring,
            contentType: 'application/json',
            crossDomain: true, //newly added
            success: function(data, status, jqXHR) {
                        console.log(data);
                        console.log(status);
                        console.log(JSON.stringify(data));//to string
                        alert("Success");

            },
           error:function(jqXHR, textStatus, errorThrown) {
                            alert("Status:"+ textStatus + " Error:" + errorThrown);


         }

您也可以考虑将 Access-Control-Allow-Origin 添加到您的服务器，例如 php 中的Access-Control-Allow-Origin: http://yourdomain-you-are-connecting-from.com