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

Question

遇到了一个棘手的问题。

我正在开发一个项目，当用户在我们的网站上的信息亭结帐时，我们需要允许打印收据。由于与驱动程序和格式相关的原因，我使用 COM 自动化和 Word 来处理收据的打印。我已将此代码封装在本地计算机上运行的 Web 服务中。

计划是在页面 html 中对运行 Web 服务的本地计算机的 url 进行简单的 jQuery ajax 调用。该ajax调用包含订单的json对象，该对象由Web服务反序列化并打印出来。如果我使用 localhost，则工作正常，但是在生产中，我将违反无跨域 ajax 调用规则。

代理将不起作用，因为网站上运行的代码无法联系运行打印服务的本地 Web 服务。在网上浏览后，我发现使用 JSONP 可能是解决此问题的方法，但我不知道如何使其工作。大多数教程假设您正在尝试获取一些远程数据，而不仅仅是简单地发布数据。打印 Web 服务返回无效。

如何配置我的 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);
    });

跨域AJAX调用就是使用Flash。