Jquery 跨域访问 Lightswitch OData Service的方法

2019-12-24,,,,

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


您可能感兴趣的文章:

  • 浅谈JQuery+ajax+jsonp 跨域访问
  • jquery解决客户端跨域访问问题
  • jQuery与JSONP轻松解决跨域访问的问题
  • jquery异步跨域访问代码
  • jquery 跨域访问问题解决方法(笔记)
  • jquery下利用jsonp跨域访问实现方法
  • JQuery Ajax 跨域访问的解决方案
  • jQuery 跨域访问问题解决方法
  • jQuery 跨域访问解决原理案例详解

《Jquery 跨域访问 Lightswitch OData Service的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。