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

有点棘手的问题。

我正在开展一个项目,当用户在自助服务终端上查看我们的网站时,我们需要允许收据打印输出。 由于与驱动程序和格式相关的原因,我使用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替代方案,或者我可能没有考虑过的任何其他可能的解决方案也会有所帮助。

JSONP只是向head添加script标记,因此仅限于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 。