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

Question

遇到了一个棘手的问题。

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

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

代理将不起作用，因为网站上运行的代码无法联系运行打印服务的本地网络服务。在网上浏览后，我发现使用 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 的另一种选择。