Angular向WCF POST JSON数据接收为null，GET能否传输JSON？

我来帮你一步步解决Angular POST到WCF接收null的问题，同时解答你关于GET传输JSON的疑问～

一、解决WCF接收POST JSON为null的问题 #

导致这个问题的常见原因有几个，你可以逐一排查：

1. 确保WCF配置启用JSON格式支持 #

WCF默认不会自动启用JSON消息格式化，你需要在web.config的<system.serviceModel>节点下添加对应的绑定和行为配置：

<system.serviceModel>
  <bindings>
    <webHttpBinding>
      <binding name="JsonEnabledBinding" />
    </webHttpBinding>
  </bindings>
  <behaviors>
    <endpointBehaviors>
      <behavior name="JsonBehavior">
        <webHttp defaultOutgoingResponseFormat="Json" />
      </behavior>
    </endpointBehaviors>
  </behaviors>
  <services>
    <service name="YourServiceNamespace.YourWcfService">
      <endpoint address="" 
                binding="webHttpBinding" 
                bindingConfiguration="JsonEnabledBinding" 
                behaviorConfiguration="JsonBehavior" 
                contract="YourServiceNamespace.IYourWcfService" />
    </service>
  </services>
</system.serviceModel>

2. 检查WCF服务契约的标注是否正确 #

你的服务接口方法必须用[WebInvoke]标注，明确指定请求格式为JSON，同时实体类要添加[DataContract]和[DataMember]属性，确保字段能正确序列化：

[ServiceContract]
public interface IYourWcfService
{
    [WebInvoke(Method = "POST", 
              RequestFormat = WebMessageFormat.Json, 
              ResponseFormat = WebMessageFormat.Json, 
              UriTemplate = "/SubmitData")]
    string SubmitData(YourDataModel inputModel);
}

// 对应的实体类
[DataContract]
public class YourDataModel
{
    [DataMember]
    public string Username { get; set; } // 和Angular发送的JSON字段名必须完全匹配（大小写敏感！）
    [DataMember]
    public int Age { get; set; }
}

3. 确认Angular请求的Content-Type和数据格式 #

Angular的HttpClient默认会设置Content-Type: application/json，但有时候需要显式指定，同时要保证发送的JSON字段和WCF实体类的DataMember名称完全一致（WCF对大小写敏感）：

// AppComponent中的GetData方法示例
GetData() {
  const payload = {
    Username: "Hasan", // 注意字段名要和WCF实体的DataMember名称一致
    Age: 30
  };

  this.http.post('http://your-wcf-service-url/SubmitData', payload, {
    headers: new HttpHeaders({
      'Content-Type': 'application/json'
    })
  }).subscribe(
    res => console.log("Success:", res),
    err => console.error("Error:", err)
  );
}

4. 排查跨域（CORS）问题 #

如果Angular项目和WCF服务不在同一个域名下，跨域会导致请求被拦截，看起来像是WCF接收不到数据。你可以在WCF的web.config中添加CORS响应头：

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" /> <!-- 生产环境建议指定具体域名 -->
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Methods" value="POST, GET, OPTIONS" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

二、关于GET方法传输JSON的疑问 #

直白地说，GET请求不适合传输JSON数据，原因如下：

• GET参数是拼接在URL的查询字符串中的，而查询字符串是键值对格式，不是JSON格式。虽然可以把JSON作为单个参数值拼到URL里，但这种方式非常不规范。
• URL有长度限制（不同浏览器和服务器的限制在2KB到8KB之间），如果JSON数据稍大就会触发请求失败。
• GET请求的参数会暴露在URL中，容易被日志记录，不适合传输敏感数据。
• WCF无法自动将URL中的JSON字符串绑定到实体类，你需要手动解析，非常麻烦。

如果需要用GET传递结构化数据，建议把数据拆成查询字符串的键值对；如果数据结构复杂，还是用POST方法更合适。

内容的提问来源于stack exchange，提问作者Hasan Zubairi