我有一个用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调用的完整示例代码?
答案 0 :(得分:0)
如果网址包含字符串“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”字样。