javascript - kendo mobile JSON数据调用

Question

我编写了一段代码，用于从 PHP 获取 JSON 数据并将其放入 ListView ，它在本地主机中运行得很好。当我将 PHP 文件放入 Web 服务器并在 Javascript 中调用时，它显示错误并且未获取数据。

我用过的这个方法:

 var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                     
                       //url: "userchk.php",    //this works in localhost  
                       url: "http://example.com/web/userchk.php",  this is not working in localhost 
                       
                        dataType: "json", // JSONP (JSON with padding) is required for cross-domain AJAX
                        data: { //additional parameters sent to the remote service
                            q: "javascript"
                        }
                    }
                },

第一个 url 数据正在本地主机中获取并且运行良好，第二个 url 不起作用(但数据显示我们是否在浏览器中运行该 url)。

它显示这样的错误:

XMLHttpRequest cannot load http://example.com/web/userchk.php?q=javascript. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

waiting for a good response

Answer 1

这可能是由于跨域问题造成的。您需要使用 datatype:jsonp .. 从 ODATA 版本 2.0 feed 读取数据的示例代码如下，

 studentsData = new kendo.data.DataSource(
            {
                type: "odata",
                transport: {
                    read: {

                        url: "http://server/Service.svc/Students",
                        dataType: "jsonp",

                        data: {
                            Accept: "application/json"
                        }
                    }
                },
                serverfiltering: false,
                serverPaging: true,
                batch: false,
                pageSize: 10

            });

您可以read the complete "Kendo UI ListView Control and OData in Windows Phone Application" post .

谢谢@ Debug模式