在HTML页面中调用WCF服务时出错

时间:2014-09-10 13:30:00

标签: c# json wcf

我需要创建一个WCF服务来从C#中的SQL数据库中检索数据,并使用JSON在HTML5中使用该WCF服务。

我创建了WCF服务及其工作但是当我尝试在HTML中使用它时,它显示"对象对象错误(无法加载资源:服务器响应状态为415(无法处理消息)因为内容类型' application / json; charset = UTF-8'不是预期的类型' text / xml; charset = utf-8'。)"

帮我解决此问题

的Web.config

<?xml version="1.0"?>
<configuration>

  <appSettings>
    <add key="aspnet:UseTaskFriendlySynchronizationContext" value="true" />
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5"/>
  </system.web>
  <system.serviceModel>
    <behaviors>
      <serviceBehaviors>
        <behavior>
          <!-- To avoid disclosing metadata information, set the values below to false before deployment -->
          <serviceMetadata httpGetEnabled="true"/>
          <!-- To receive exception details in faults for debugging purposes, set the value below to true.  Set to false before deployment to avoid disclosing exception information -->
          <serviceDebug includeExceptionDetailInFaults="false"/>
        </behavior>
      </serviceBehaviors>
    </behaviors>
    <protocolMapping>
        <add binding="basicHttpsBinding" scheme="https" />
    </protocolMapping>    
  <serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>
    <services>
      <service name="taskk2.Service1" behaviorConfiguration="">
        <endpoint
            address=""
            binding="basicHttpBinding"
            behaviorConfiguration=""
            contract="taskk2.IService1"/>
        <endpoint
            address="mex"
            binding="mexHttpBinding"
            contract="IMetadataExchange"/>
      </service>
    </services>
  </system.serviceModel>
  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
    <!--
        To browse web app root directory during debugging, set the value below to true.
        Set to false before deployment to avoid disclosing web app folder information.
      -->
    <directoryBrowse enabled="true"/>
  </system.webServer>

</configuration>

HtmlPage:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(function () {
        //$('#tbDetails').hide();
        $('#tbDetails').show();
        $('#btnClick').click(function () {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: 'Service1.svc/GetEmployeeDetails',
                data: '{"Emp_Id": "' + $("#txtName").val() + '"}',
                dataType: "json",
                processData: false,
                success: function (data) {
                    for (var i = 0; i < data.d.length; i++) {
                        $("#tbDetails").append("<tr><td>" + data.d[i].Emp_Id + "</td><td>" + data.d[i].Emp_Name + "</td><td>" + data.d[i].Emp_Age + "</td><td>" + data.d[i].Emp_Department + "</td><td>" + data.d[i].Emp_Salary + "</td></tr>");
                    }

                },
                error: function (result) {
                    alert(result);
                }
            });

        });
    });
</script>
<style type="text/css">
table,th,td
{
border:1px solid black;
border-collapse:collapse;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<b>Enter EmployeeId:</b> <input type="text" id="txtName" />
<input type ="button" id="btnClick" value="Get Data" />
<table id="tbDetails">
<thead style="background-color:#DC5807; color:White; font-weight:bold">
<tr style="border:solid 1px #000000">
<td>Emp_Id</td>
<td>Emp_Name</td>
<td>Emp_Age</td>
    <td>Emp_Department
    </td>
    <td>Emp_Salary</td>

</tr>
</thead>
<tbody>
</tbody>
</table>
</form>
</body>
</html>

IService.cs:

[ServiceContract]
public interface IService1
{
    [OperationContract]
    [WebInvoke(Method = "GET", UriTemplate = "/GetEmployeeDetails/{Emp_Id}",
        ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json,
        BodyStyle = WebMessageBodyStyle.Wrapped)]
    EmployeeDetails[] GetEmployeeDetails(string Emp_Id);
}

1 个答案:

答案 0 :(得分:0)

您的WCF服务不期望json,但可能是xml。您是否将服务配置为接受POST请求和json数据?您可能会发现this question and answer有帮助。它描述了如何使用WebInvokeAttribute来装饰要调用的方法。

修改:清理完代码后,我看到您使用GET修饰了方法。如上所述,这应该是POST