Question

我正在使用返回JSON的API。不幸的是，由于CORS，我无法将数据类型设置为JSON，并且必须使用API不支持的JSONP。

根据我的理解，我可以通过给它一个回调函数将JSONP转换为JSON。它不起作用，我无法在线找到解决方案。我将赞赏将JSONP数据类型转换为JSON。

$(document).ready(function() {
  $.ajax({
    type:'POST',
    url:'http://api.smmry.com/&SM_API_KEY=XXXXXX&SM_URL=HTTP-URL',
    crossDomain: true,
    dataType: 'jsonp',
    jsonpCallback: 'jsonpFunc',
    jsonp:'callback'

  });

});

function jsonpFunc(data){
  console.log(data);
};

我遇到错误

Uncaught SyntaxError: Unexpected token :

Answer 1

最简单的方法是在服务器上使用服务器端代理。您不会遇到此模型的CORS问题。

一个简单的例子C＃代理可能是：

using System;
using System.Web.UI;
using System.Net;
using System.Configuration;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        ProcessRequest(this.Page);
    }

    public void ProcessRequest(Page context)
    {
        WebClient client = new WebClient();
        string BaseUrl = ConfigurationManager.AppSettings["PassthroughTargetURL"];
        string _url = BaseUrl;
        context.Response.AddHeader("Content-type","application/json");
        string _out = client.DownloadString(_url);
        context.Response.Write(_out);
    }
}

调用ASPX页面如下;

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Passthrough-proxy.aspx.cs" Inherits="_Default" %>

远程URL的配置条目，如下所示：

<add key="PassthroughTargetURL" value="http://api.smmry.com/&SM_API_KEY=XXXXXX&SM_URL=HTTP-URL"/>

假设您调用的URL是常量，您应该获得预期的结果，但是通过您的代理 - 这是您服务器的本地代码，因此JSON将按预期工作。

您的代码将变为类似：

$(document).ready(function() {
  $.ajax({
    type:'POST',
    url:'http://your.server/proxy.aspx',
    dataType: 'json'
  });
});

如何将数据从JSONP转换为JSON

1 个答案: