Getting data from a web service - error "Access-Control-Allow-Origin" header

[Bryan]

Just trying out this framework. I am developing in Xpages (basically JSP). I have a rest service that I can call from the browser and get JSON data. 

I am consuming data from this rest service in other applications.

I got a grid to work in a page using Kendo, with local data and data from the kendo service.

When I try to hook it up to my rest service I get the error ==

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxxx' is therefore not allowed access.

 I believe this is a cross domain security feature, however, the service is from the same domain.

 

My code looks like this:

 

 $(document).ready(function () {
            $("#grid").kendoGrid({
                dataSource: {
                         type: "json",
                    transport: {
                        read: "http://xxxxxxxxx"
                    },
                    pageSize: 20
                },
                height: 550,
                groupable: true,
                sortable: true,
                pageable: {
                    refresh: true,
                    pageSizes: true,
                    buttonCount: 5
                },

 

 

[Dimo]

Hi Bryan,

A cross-origin error will occur if the domain name, port or protocol of the data service URL do not match the ones of the web page. There is surely some discrepancy in your case - for example, you may be opening the web page via the file system (i.e. using the file:// protocol).

Regards,
Dimo
Telerik