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

本文关键字：服务 出错 WCF 调用 HTML | 更新日期: 2023-09-27 18:21:17

我需要创建一个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);
}

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

您的WCF服务不需要json，可能需要xml。您是否将服务配置为接受POST请求和json数据？你可能会发现这个问答很有帮助。它描述了如何用WebInvokeAttribute修饰要调用的方法。

编辑：清理完代码后，我看到您用GET修饰了方法。如前所述，这应该是POST。

相关文章：