您的位置:首页 > Web前端 > JQuery

Jquery 跨域访问 Lightswitch OData Service的方法

2013-09-11 00:00 639 查看
.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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: