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

时间:2010-01-07 19:05:26

标签: asp.net jquery ajax json jsonp

有点棘手的问题。

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

计划是在页面html中将一个简单的jQuery ajax调用放到运行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的任何更简单的替代方案,或者我可能没有考虑过的任何其他可能的解决方案也会有所帮助。

1 个答案:

答案 0 :(得分:8)

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的另一种选择。