使用 C# 和 WFC 的跨域 jQuery Ajax

Question

我有一个用 C# 和 WCF 编写的小型 Web 服务。

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class Service1 : System.Web.Services.WebService
{
    [WebMethod]
    public string HelloWorld()
    {
        return "Hello Worlds";
    }
}

我有一点 jQuery 代码；

        $.support.cors = true;

        $.ajax({
            type: "POST",
            url: "http://localhost:61614/Service1.asmx/HelloWorld",
            data: '{}',
            dataType: "json",
            success: function (msg) {
                alert(0);
            }, error: function (a, b, c) { alert("Err:" + c ); 
            }
        });

这会调用网络服务。调用没有问题，但返回时出错。

网络服务在一个应用程序中，而网页本身就是一个 HTML 页面。最终，HTML 将在 PhoneGap 中使用。

我已经尝试了各种方法。

添加contentType: "application/json; charset=utf-8", 会导致整个调用失败。 使用dataType: 'jsonp" 会导致调用失败。

基本上，上面调用了 WS，但返回时出错，这很奇怪。

我的要求是我需要从 web 服务返回一个 JSON 对象，并且它必须在 Safari 中工作。

有人有完整的 JSONP 调用示例代码吗？

Answer 1

来自jQuery getJSON：

如果 URL 包含字符串“callback=?” （或类似的，由服务器端 API 定义），请求被视为 JSONP。有关详细信息，请参阅 $.ajax() 中对 jsonp 数据类型的讨论。

为了让您的请求被视为 JSONP 请求，您需要在 URL 中包含 callback=?。这告诉 jQuery 创建一个回调函数并将该函数的名称作为回调参数传递给您的服务器。

在服务器端代码中，您的方法必须返回包装或填充的 JSON 代码，其中 JavaScript 函数的名称作为查询字符串中的回调参数传入。

本质上，您所做的是将 JavaScript 返回到客户端浏览器，该浏览器会立即运行，并调用已在页面上下文中定义的函数。

JavaScript：

$.getJSON("http://localhost:61614/Service1.asmx/HelloWorld?callback=?",
    function(data) {

        // alert raw JSON data
        alert(JSON.stringify(data));

        // access the "say" property and alert it
        alert(data.say);
    }
);

服务器端：

这是您需要在服务器端执行的粗略版本：

// get the callback parameter value and assign to the String callback
...
return callback + "( { 'say' : 'HelloWorld' } );";

对幕后发生的事情的进一步技术解释：

虽然这不是您今天需要了解的内容，但这可能会帮助您更多地了解 jQuery 如何实现 JSONP。

计算结果可能如下所示：

return "jquery43214321432143242({'say':'HelloWorld'});"

其中jquery43214321432143242 是为您的成功回调函数指定的随机名称。同样，由于返回的文本是使用 text/javascript 返回的，因此它会立即运行，并将 {'say':'HelloWorld'} 对象作为参数传递给函数。

生成的输出应该是表示原始 JSON 的警报消息，以及从 .say 属性中提取的单词“HelloWorld”。