跨域调用WCF服务

时间:2011-07-15 06:38:38

标签: javascript jquery wcf web-services cross-domain

我有一个WCF服务,这是一个我要调用的方法:

    [OperationContract]
    [WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.Wrapped, ResponseFormat = WebMessageFormat.Json)]
    double?[] GetPoints(string tourname);

我通过WCF测试客户端检查,它工作正常

所以我需要从html页面调用这个方法。它应该适用于跨域的其他计算机。

我用jQuery 1-6-2.min.js写了一些东西:

var varType;
var varUrl;
var varData;
var varContentType;
var varDataType;
var varProcessData;

function CallService() {
        alert("CallService");
                $.ajax({
                    type          : varType, //GET or POST or PUT or DELETE verb
                    url           : varUrl, // Location of the service
                    data          : varData, //Data sent to server
                    contentType   : varContentType, // content type sent to server
                    dataType      : varDataType, //Expected data format from server
                    processdata   : varProcessData, //True or False
                    success       : function(msg) {//On Successfull service call
                    ServiceSucceeded(msg);                    
                    },
                    error: ServiceFailed// When Service call fails
                });
        }

function Start() {
    varType = "POST";
    varUrl = "http://localhost:1592/TourService.svc/GetPoints";
    varData = '{"tourname ":"customname"}';
    varContentType = "application/json; charset=utf-8";
    varDataType = "json";
    varProcessData = true; 
    CallService();
}

function ServiceSucceeded(result) {
    alert("ServiceSucceeded");
    alert(result);
}

function ServiceFailed(result) {
    alert('Service call failed: ' + result.status + ' ' + result.statusText);
    varType = null;
    varUrl = null;
    varData = null;
    varContentType = null;
    varDataType = null;
    varProcessData = null;
}

但是调用了ServiceFailed函数,并显示消息“Service call failed 0 error”

如何进行WCF服务的跨域调用?(使用jQuery或不使用)

由于

2 个答案:

答案 0 :(得分:2)

基本上你需要使用jSONP而不是jSON:

Using jQuery & JSONP for cross-domain AJAX with WCF services

如果此链接消失,我会尽快提供摘要。

另请参阅jQuery documentation了解有关如何使用jSONP,jQuery和amp;的更多信息。 AJAX

答案 1 :(得分:1)

.net框架4 for wcf现在已经内置了json回调,

我认为jquery1.5以后他们添加了以下选项,crossDomain,试试下面的代码

$.ajax({
    type: "POST",
    dataType: "html",
    crossDomain: true,
    url: "http://www.domain.com/page.aspx",
    error: function() {
        alert("error");
    },
    success: function(msg){
        alert(msg );
    }
});