使用C#和WFC的跨域jQuery Ajax

时间:2012-05-06 23:35:51

标签: c# web-services jquery jquery-mobile cordova

我有一个用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 ); 
            }
        });

这称为webservice。拨打电话没有问题,但在返回时出错。

Web服务位于一个应用程序中,Web页面本身就是一个HTML页面。最终,HTML将在PhoneGap中使用。

我尝试过各种各样的事情。

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

基本上,上面调用WS但返回时出错是奇怪的。

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

有没有人拥有JSONP调用的完整示例代码?

1 个答案:

答案 0 :(得分:0)

来自jQuery getJSON

  

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

为了将您的请求视为JSONP请求,您需要在网址中加入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”字样。