WCF JavaScript代理跨域阻止访问数据库

Question

So I just follow this tutorial to implement a wcf service : http://www.codeproject.com/Articles/627082/How-to-Consume-WCF-Service-using-JavaScript-Proxy .

In summary:

1. I wrote a WCF service and make it expose a JS proxy (like in the above tutorial)
2. I used WCF test client to test and it works perfectly
3. I wrote a dummy html page and host it on another domain. Then I cannot access the service due to CORS (Tried to resolve this but no success). So I managed to use chrome with --disable-web-security flag to hack the CORS problem (I will try to solve this later). Now I can access the service and it works fine but for the functions that have to access the database, they just return empty result.

So my question is: Is this the normal architecture for this kind of WCF service (Generating js proxy to expose service to javascript clients). I write this WCF to expose the service to mobile devices. And if yes, is the CORS that preventing me from accessing the database when calling the service from client javascript?

Answer 1

Try this way

     $.ajax({
         url:'<ip address/site name>/wcfService.svc/method1',
         contentType: "application/json; charset=UTF-8",
         crossDomain: true,
         dataType:'json',
         data:{a:'<parameter value being sent>'}, //pass any parameter that are expected by the remote WCF service method(method1).
         success:function(response) {
             //Process the data(json/ normal data) retrieved from remote service. 
         }
     });

Note:Enable Access-Control-Allow-Origin option on the remote server end for make it CORS compatible. Best way to do this would be to configure this under behavior level itself, instead of service contract or operation contract level.ref:blogs.microsoft.co.il/idof/2011/07/02/

Happy Coding:)