Jquery 跨域访问 Lightswitch OData Service

 

修改lightswitch .server project web.config。添加如下内容就可以实现对ApplicationData.svc/跨域访问

?

<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>