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

Posted 2023-03-03

【中文标题】使用 jQuery 将跨域 JSON 发布到 ASP.NET

【英文标题】：Posting cross-domain JSON to ASP.NET with jQuery

【发布时间】：2011-01-02 15:11:26

【问题描述】：

遇到了一个棘手的问题。

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

计划是在页面 html 中将一个简单的 jQuery ajax 调用放入运行 Web 服务的本地机器的 url。这个ajax调用包含一个订单的json对象，被web服务反序列化并打印出来。如果我使用 localhost 可以正常工作，但是在生产中我会违反无跨域 ajax 调用规则。

代理将不起作用，因为网站上运行的代码无法联系运行打印服务的本地网络服务。在网上浏览后，我发现使用 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】：

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

【讨论】：

谢谢，一旦我将要发送的数据放在查询字符串的末尾，效果就很好。

非常感谢，这真的很有帮助！