Первое, что вам следует учесть, это ограничение политики того же происхождения . Если вы не можете выполнить его, и ваша веб-служба не размещена в том же домене, что и сценарий AJAX-пользователя, вы можете перестать читать мой ответ здесь и пересмотреть свою архитектуру.
Если вы все еще читаете, вы можете начать с определения контракта на обслуживание и реализации как обычно:
[ServiceContract]
public interface IFoo
{
[OperationContract]
string GetData(int value);
}
public class FooService : IFoo
{
public string GetData(int value)
{
return string.Format("You entered: {0}", value);
}
}
Затем вы добавляете файл fooservice.svc, который будет предоставлять службу в IIS:
<%@ ServiceHost
Language="C#"
Debug="true"
Service="SomeNs.FooService"
CodeBehind="FooService.svc.cs"
Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory"
%>
Последняя строка Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory" чрезвычайно важна, поскольку именно это позволит вам использовать JSON.
Последняя часть - web.config:
<system.serviceModel>
<behaviors>
<serviceBehaviors>
<behavior>
<serviceMetadata httpGetEnabled="true"/>
<serviceDebug includeExceptionDetailInFaults="false"/>
</behavior>
</serviceBehaviors>
</behaviors>
<serviceHostingEnvironment multipleSiteBindingsEnabled="true" />
</system.serviceModel>
И, наконец, HTML-страница, отправляющая AJAX-запрос на использование службы:
<!DOCTYPE html>
<html>
<head>
<title>WCF Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.json.org/json2.js"></script>
<script type="text/javascript">
$(function () {
$.ajax({
// Notice the URL here: Need to be hosted on the same domain
url: '/fooservice.svc/getdata',
type: 'post',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({ value: 7 }),
success: function (result) {
alert(result.d);
}
});
});
</script>
</head>
<body>
</body>
</html>