51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Jquery 跨域访问 Lightswitch OData Service的方法

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





赞(0)
未经允许不得转载:工具盒子 » Jquery 跨域访问 Lightswitch OData Service的方法