代码之家 › 专栏 › 技术社区 › James

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

jsonp json ajax jquery asp.net

James · 技术社区 · 16 年前

有点棘手的问题。

我正在做一个项目,在这个项目中,当用户在我们的网站上的一个售货亭结账时,我们需要允许打印收据。由于与驱动程序和格式有关的原因,我使用带有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的任何更简单的替代方案,或者我可能没有考虑过的任何其他可能的解决方案,都会很有帮助。

1 回复 | 直到 14 年前

Darin Dimitrov 16 年前

jsonp只是添加了一个 script 标签到 head 因此,仅限于获取请求。为了配置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 .