从 jQuery 调用 WCF 服务有什么问题？

Question

这个函数被绑定到一个按钮的点击事件：

function BlahBlahBlahWCFXML() { 
    varType = "POST"; 
    varUrl = "http://123.123.123.123/NameOfService.svc/GetStuffById"; 
    varData = '{"stuffId": "' + 12345678-abcd-9012-3456-abcdefghjkl' + '"}'; 
    varContentType = "application/json; charset=utf-8";  
    varDataType = "xml";  
    varProcessData = true; 
    CallService(); 
} 

然后那个函数调用这个函数：

//Generic function to call AXMX/WCF  Service         
function CallService()  
{ 
        $.ajax({ 
            type        : varType, //GET or POST or PUT or DELETE verb 
            url         : varUrl, // Location of the service 
                    cache       : false, 
            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 
        }); 
} 

当我尝试运行示例时，我在 Google Chrome 的开发者工具控制台窗口中得到以下信息：

加载资源失败：服务器响应状态为 400（错误请求） XMLHttpRequest 无法加载 http://123.123.123.123/NameOfService.svc/GetStuffById。 Access-Control-Allow-Origin 不允许 Origin null。

该服务运行良好，我目前正在通过网络表单和控制台应用程序调用它。 GetStuffById 是我要调用的方法。它接受一个字符串（在本例中为 GUID）作为参数并返回一个字符串。

该服务是 WCF 服务并配置为返回 SOAP 消息。我更喜欢 JSON，但那是前几天另一个问题的另一个问题。

有什么想法吗？谢谢！

更新 #1 - 我将 POST 更改为 GET。还是不行。

Answer 1

查看您的代码：

1. BlahBlahBlahWCFXML 中的所有变量都不能被CallService() 访问。
2. varData 的值有额外的 '（单引号）。如果 GUID 是一个常量值，您可以取消字符串连接，只需编写：
   varData = '{"stuffId": "12345678-abcd-9012-3456-abcdefghjkl"}';
   但是，如果 GUID 是一个变量，请在其他地方生成 GUID，然后将变量放在这里：
   varData = '{"stuffId": "' + varGUID + '"}';

Answer 2

看起来您正试图从 jQuery 调用 WCF SOAP Web 服务。这不会开箱即用。 WCF SOAP 服务需要一个 SOAP 消息来调用它——仅仅访问 URL 是行不通的。如果您坚持使用 WCF，则有一些针对 restful WCF 的扩展，这将使这变得更容易。