使用jQuery将跨域的JSON发布到ASP.NET

Question

遇到了一个棘手的问题。

我正在做一个项目，我们需要允许收据打印输出时，用户在我们的网站结账在一个信息亭。由于与驱动程序和格式相关的原因，我在Word中使用COM自动化来打印收据。我已经将这段代码打包在一个在本地机器上运行的web服务中。

计划是将一个简单的jQuery ajax调用放在页面html中，指向运行web服务的本地机器的url。此ajax调用包含订单的json对象，该对象由web服务反序列化并打印出来。如果我使用localhost可以很好地工作，但是在生产环境中，我会违反不跨域ajax调用的规则。

代理将无法工作，因为在网站上运行的代码无法联系运行打印服务的本地web服务。在网上闲逛之后，我发现使用JSONP可能是一个解决方案，但我不知道如何让它工作。大多数教程都假定您正在尝试获取一些远程数据，而不仅仅是发布数据。打印web服务返回void。

如何配置我的web服务(asmx)以使用JSONP，以及我的jQuery代码应该是什么样子的？目前它看起来像这样：

function printReceipt(data) {
   $.ajax({
       type: "POST",
       url: "http://192.9.200.165/ContestWebService/Service1.asmx/PrintOrderReceiptJson",
       data: data,
       dataType: "json",
       contentType: "application/json; charset=utf-8",
       error: function(xhr, msg) { alert(xhr.statusText); }
    });
}

JSONP的任何更简单的替代方案，或者我可能没有考虑过的任何其他可能的解决方案也都会很有帮助。

Answer 1

JSONP只是将一个script标记添加到head部分，因此仅限于GET请求。为了将asmx web服务配置为处理JSONP，您需要手动处理序列化：

[WebMethod]
[ScriptMethod(UseHttpGet=true, ResponseFormat=ResponseFormat.Json)]
public string Foo()
{
    var json = new JavaScriptSerializer().Serialize(new 
    {
        Prop1 = "some property",
    });
    string jsoncallback = HttpContext.Current.Request["jsoncallback"];
    return string.Format("{0}({1})", jsoncallback, json);
}

客户端：

$.getJSON("http://192.9.200.165/ContestWebService/Service1.asmx/PrintOrderReceiptJson?jsoncallback=?",
    function(data) {
        alert(data);
    });

cross domain AJAX calls is to use Flash的另一种选择。