WCF Service + JSONP - wcf

Question

I have wcf services on http://testwcfgrid.atic-solutions.com/ where everything is working fine.
I want to consume that service in another application with jQuery.ajax but without success.
My web.config is:
<system.webServer>
<validation validateIntegratedModeConfiguration="false" />
<modules runAllManagedModulesForAllRequests="true">
<remove name="WebDAVModule"/>
</modules>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="origin, content-type, accept" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>
<handlers>
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
<remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
<system.serviceModel>
<behaviors>
<endpointBehaviors>
<behavior name="ProductsAspNetAjaxBehavior">
<enableWebScript />
</behavior>
</endpointBehaviors>
<serviceBehaviors>
<behavior name="ProductsAspNetAjaxBehavior">
<serviceDebug includeExceptionDetailInFaults="true" />
<serviceMetadata httpGetEnabled="true" />
</behavior>
</serviceBehaviors>
</behaviors>
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />
<standardEndpoints>
<webScriptEndpoint>
<standardEndpoint name="" crossDomainScriptAccessEnabled="true"/>
</webScriptEndpoint>
</standardEndpoints>
<services>
<service name="Products" behaviorConfiguration="ProductsAspNetAjaxBehavior">
<endpoint address="" behaviorConfiguration="ProductsAspNetAjaxBehavior" binding="webHttpBinding" contract="Products" />
</service>
</services>
</system.serviceModel>
my wcf services for read and create:
[OperationContract]
[WebInvoke(ResponseFormat = WebMessageFormat.Json,
RequestFormat = WebMessageFormat.Json)]
public DataSourceResult Read(int skip, int take, IEnumerable<Sort> sort, Filter filter)
{
VoziloMassive table = new VoziloMassive();
return table.GetVehicles().AsQueryable().Select(x => new VoziloViewModel
{
Id = x.Id,
Timestamp = x.Timestamp,
Marka = x.Marka,
Registracija = x.Registracija,
Vrsta = x.Vrsta,
Flag = x.Flag
}).ToDataSourceResult(take, skip, sort, filter);
}
[OperationContract]
public IEnumerable<VoziloViewModel> Create(IEnumerable<VoziloViewModel> vehicles)
{
var result = new List<VoziloViewModel>();
foreach (var vehicleViewModel in vehicles)
{
// Create a new Product entity and set its properties from productViewModel
var vehicle = new VoziloViewModel
{
Marka = vehicleViewModel.Marka,
Registracija = vehicleViewModel.Registracija
};
// store the product in the result
result.Add(vehicle);
// Add the entity
VoziloMassive table = new VoziloMassive();
table.AddVehicle(vehicle);
}
// Return the inserted products - the Kendo Grid needs their ProductID which is generated by SQL server during insertion
return result.Select(x => new VoziloViewModel
{
Id = x.Id,
Timestamp = x.Timestamp,
Marka = x.Marka,
Registracija = x.Registracija,
Vrsta = x.Vrsta,
Flag = x.Flag
})
.ToList();
}
my .ajax call:
$.ajax({
url: "http://testwcfgrid.atic-solutions.com/Products.svc/Read",
dataType: "jsonp",
success: function (result) {
// notify the data source that the request succeeded
options.success(result);
},
error: function (result) {
// notify the data source that the request failed
options.error(result);
}
});
and this is response:
http://prntscr.com/3xxdjw
What am I missing here? I tried everything... I am using telerik kendo controls and I was following their examples.
Thanks

Answer 1

Regarding my previous comment - doesn't look like the url is valid to call the Read method.
I think this is because you haven't specified the UriTemplate definition for each of the method calls.
Also note that the Method type is not specified.
Update your method as follows:
[OperationContract]
[WebInvoke(Method = "GET",
ResponseFormat = WebMessageFormat.Json,
RequestFormat = WebMessageFormat.Json,
UriTemplate = "Read")]
public DataSourceResult Read(int skip, int take, IEnumerable<Sort> sort, Filter filter)