客户端网站始终返回Null Json String

时间:2016-01-21 14:02:41

标签: javascript c# json wcf

我现在已经达到了一个目的,我可以在我的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,将网站留给网络服务的信息是正确的。它是Fiddler可以阅读的JSON字符串。但是Web服务仍然会收到一个空对象。

3 个答案:

答案 0 :(得分:2)

错误似乎在这里:

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”变量,但你发送的是“String”。希望这会有所帮助。

答案 1 :(得分:2)

让我们稍微简化一下你的样本并从这个

开始
<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/WCFJSONExample

答案 2 :(得分:1)

将内容类型从$(function(){ $('#user_avatar').change(function(e){ var files = event.target.files; var image = files[0]; for (var i = files.length - 1; i >= 0; i--) { var reader = new FileReader(); var file = files[i]; reader.onload = function(file) { var img = new Image(); img.src = file.target.result; img.height = "30"; $('#inputpic').attr('src', file.target.result); } reader.readAsDataURL(image); }; }); }); 更改为application/json