<system.webServer>
......
....
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Max-Age" value="3600" />
<add name="Access-Control-Allow-Headers" value="Content-Type, Accept, MaxDataServiceVersion" />
<add name="Access-Control-Allow-Methods" value="PUT, POST, GET, DELETE, MERGE, OPTIONS" />
</customHeaders>
</httpProtocol>
</system.webServer>
<script type="text/javascript">
$(document).ready(function () {
$(":button").on("click", function(event){
//alert( $(this).attr('value'));
var url = "http://localhost:2401/ApplicationData.svc/Records";
$.getJSON(url, function (data) {
var items = [];
var values = data.value;
$.each(values, function (key, val) {
items.push('<li id="' + key + '">' + val.Name + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('#mylist');
});
});
});
</script>