客户端网站始终返回空 Json 字符串

本文关键字：Json 字符串 返回 网站 客户端 | 更新日期: 2023-09-27 18:31:23

我现在已经到了可以从我在 WCF Web 服务上创建的客户端网站（供我工作的公司内部使用）接收响应的地步。但是每当我得到回复时，它总是为空。

我已经四处寻找各种解决方案，但似乎都没有解决这个问题。我有以下几点：

[OperationContract]
[WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest, UriTemplate = "/AddNewActivity")]
String AddNewActivity(String jsonObject);

并实施：

public String AddNewActivity(String jsonObject)
{
    return JsonConvert.SerializeObject("Success");
}

只是为了测试它是否有效。我在上面的函数中设置了一个断点来读取 jsonObject 字符串并查看它的外观。不过，当我阅读它时，它是空的。始终为空。

下面是 JavaScript：

function OnModalCreateNewActivityBtnClick() {
    var modal = $('#new-activity-modal-body');
    var activityMap = {
        status: modal.find('#new-activity-modal-status-dropdown').val(),
        name: modal.find('#new-activity-modal-name-field').val(),
        responsible: modal.find('#new-activity-modal-responsible-field').val(),
        department: modal.find('#new-activity-modal-department-dropdown').val(),
        startTime: modal.find('#new-activity-modal-datepicker-start').val(),
        endTime: modal.find('#new-activity-modal-datepicker-end').val(),
        description: modal.find('#editor').cleanHtml(),
        axAccounts: modal.find('#new-activity-modal-ax-account-numbers-field').val()
    };
    var jsonObject = '{ "String": ' + JSON.stringify(activityMap) + '}';
    $.ajax({
        type: 'POST',
        url: 'http://localhost:52535/PUendeligService.svc/AddNewActivity',
        data: jsonObject,
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        processData: true,
        success: function (data, status, jqXHR) {
            alert("Success: " + data);
        },
        error: function (xhr) {
            console.log(xhr.responseText);
            alert("Error: " + xhr.responseText);
        }
    });
}

有人知道为什么它返回 null？

更新

我使用了Fiddler，将网站留给Web服务的信息是正确的。这是一个 Fiddler 可以读取的 JSON 字符串。但 Web 服务仍会收到空对象。

客户端网站始终返回空 Json 字符串

让我们稍微简化一下您的示例，然后从这个开始

<script type="text/javascript">
    function OnModalCreateNewActivityBtnClick() {
        var data = {
            Status: modal.find('#new-activity-modal-status-dropdown').val(),
            Name: modal.find('#new-activity-modal-name-field').val()
        };
        $.ajax({
            type: 'POST',
            url: 'Service.svc/AddNewActivity',
            data: JSON.stringify(data), 
            contentType: 'application/json; charset=utf-8', 
            dataType: 'json', 
            success: function (msg) {
                alert(data.Status + ' == ' + msg.Status);
            },
            error: function (e) {
                alert('failed with ' + e.statusText);
            }
        });
    }
</script>

您的活动类

   [DataContract]
    public class Activity
    {
        [DataMember]
        public String Status
        {
            get; set;
        }
        [DataMember]
        public String Name
        {
            get; set;
        }
    }

实现

[WebInvoke(Method ="POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Bare, UriTemplate = "AddNewActivity/")]
public Activity AddNewActivity(Activity activity)
{
  // your stuff
  return activity;
}

最后，由于您没有显示您的配置，让我们假设以下内容

     <system.serviceModel>
    <services>
      <service name="PUendelig.Service"  behaviorConfiguration="serviceBehavior">
        <endpoint address="" binding="webHttpBinding" contract="PUendelig.IService" behaviorConfiguration="web"/>
      </service>
    </services>
    <behaviors>
      <serviceBehaviors>
        <behavior name="serviceBehavior">
          <serviceMetadata httpGetEnabled="true" httpsGetEnabled="true"/>
          <serviceDebug includeExceptionDetailInFaults="false"/>
        </behavior>
      </serviceBehaviors>
      <endpointBehaviors>
        <behavior name="web">
          <webHttp/>
        </behavior>
      </endpointBehaviors>
    </behaviors>
    <protocolMapping>
      <add binding="basicHttpsBinding" scheme="https"/>
    </protocolMapping>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true"/>
  </system.serviceModel>

我把它放在github中供你下载。请随时根据需要进行调整，并在此过程中帮助他人https://github.com/alexnolasco/SO35094908

错误似乎在这里：

var jsonObject = '{ "String": ' + JSON.stringify(activityMap) + '}';

删除该行，因为您不需要它，并将 AJAX 调用更改为以下内容：

$.ajax({
        type: 'POST',
        url: 'http://localhost:52535/PUendeligService.svc/AddNewActivity',
        data: {jsonObject: JSON.stringify(activityMap) },
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        processData: true,
        success: function (data, status, jqXHR) {
            alert("Success: " + data);
        },
        error: function (xhr) {
            console.log(xhr.responseText);
            alert("Error: " + xhr.responseText);
        }
    });

问题是您的服务需要"jsonObject"变量，但您正在发送"字符串"。希望这有帮助。

将内容类型从application/json更改为application/x-www-form-urlencoded

相关文章：