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

前端之家收集整理的这篇文章主要介绍了使用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只是向头部添加脚本标记,因此仅限于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的另一种选择.

猜你在找的jQuery相关文章