js实例教程-Jquery 跨域访问 Lightswitch OData Service的方法

发布时间:2018-12-08 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例教程-Jquery 跨域访问 Lightswitch OData Service的方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

.net代码

. 代码如下:


<System.webServer>
&nbsp;   ......
    ....
<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(&#39;value'));
                 VAR url = "https://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>

.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 = "https://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>

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-Jquery 跨域访问 Lightswitch OData Service的方法全部内容,希望文章能够帮你解决js实例教程-Jquery 跨域访问 Lightswitch OData Service的方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。