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

小编典典

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

ajax

有种棘手的问题。

我正在做一个项目，当用户在自助服务台上结帐时，我们需要允许收据打印输出。出于与驱动程序和格式有关的原因，我使用COM自动处理和Word处理打印收据。我已将此代码包装在本地计算机上运行的Web服务中。

计划是在页面html中放置一个简单的jQuery
ajax调用到运行Web服务的本地计算机的url。该ajax调用包含该顺序的json对象，该对象由Web服务反序列化并打印出来。如果我使用本地主机，则工作正常，但是在生产环境中，我将运行无跨域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的任何更简单的替代方案，或者我可能没有考虑过的任何其他可能的解决方案，也会有所帮助。

阅读 249

2020-07-26

共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。

2020-07-26