Jquery 跨域访问 Lightswitch OData Service的方法
.net代码
代码如下:
<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>
Jquery客户端测试代码
代码如下:
<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>