Jquery 跨域访问 Lightswitch OData Service的方法

warhin 2013-09-11

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

相关推荐