cors with angularjs and asp.net empty website -

i creating simple client angularjs in asp.net empty web site, , have wcf service when calling service angular js hitting method in service(running on other port number), in google chrome under network data returning service in json format, problem every time going failure method , showing status 404 , data undefined,

sample code form angular js app.js enable cors,

        $httpprovider.defaults.usexdomain = true;         delete $httpprovider.defaults.headers.common['x-requested-with']; 

the code in web config as,

<system.webserver>         <httpprotocol>         <customheaders>             <add name="access-control-allow-origin" value="*" />             <add name="access-control-allow-headers" value="origin, x-requested-with, content-type, accept" />         </customheaders>     </httpprotocol>  </system.webserver> 

my request service is,

$http.jsonp(     'http://localhost:56733/service1.svc/getdata?callback=json_callback";'     )     .then(function (data, status, header, confi) {         console.log(data);     }, function (error, data) {     console.log(error); }); 

as per entre comment used , nothing else, working me now, :)

http.get( 'http://localhost:56733/service1.svc/getdata' )     .then(function (data, status, header, confi) {         console.log(data);     }, function (error, data) {     console.log(error); });