C# 在HTML页面中调用WCF服务时出错_C#_Json_Wcf

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

c# json wcf

C# 在HTML页面中调用WCF服务时出错,c#,json,wcf,C#,Json,Wcf,我需要创建一个WCF服务来从C#中的SQL数据库检索数据，并使用JSON使用HTML5中的WCF服务我创建了WCF服务及其工作模式，但当我尝试使用HTML时，它显示了“对象对象错误”（加载资源失败：服务器响应状态为415（无法处理消息，因为内容类型“application/json；charset=UTF-8”不是预期的类型“text/xml；charset=UTF-8”。帮我解决这个问题 Web.config：您的WCF服务不需要json，但可能需要xml。您是否将该服务配置为接受POS

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

我创建了WCF服务及其工作模式，但当我尝试使用HTML时，它显示了“对象对象错误”（加载资源失败：服务器响应状态为415（无法处理消息，因为内容类型“application/json；charset=UTF-8”不是预期的类型“text/xml；charset=UTF-8”。

帮我解决这个问题

Web.config：

您的WCF服务不需要json，但可能需要xml。您是否将该服务配置为接受

POST

请求和json数据？您可能会觉得很有帮助。它描述了如何使用

WebInvokeAttribute

来修饰要调用的方法

编辑：在清理代码后，我看到你用

GET

修饰了这个方法。如前所述，这应该是

POST

我也尝试过用POST代替GET，但仍然显示*object object error加载资源失败：服务器响应状态为415（无法处理该消息，因为内容类型“application/json”不是预期的类型“text/xml；charset=utf-8”。）请帮助我解决此问题

<?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>

<!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>

[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);
}