XMLHttpRequest在QML Blackberry 10中不起作用

Question

在给定的代码中，我使用了一个标签和一个按钮。 我希望当我单击按钮时，必须发送一个请求，该请求将从给定的链接中获取Json并打印在标签上。 但是对于此代码，我只是在成功后在标签内打印“ OK”

面临的问题是我不了解if语句。 实际上在按钮上单击没有任何反应。 我知道我可以使用QT中的网络管理器，但是在我的情况下，我想在QML中解析

// Default empty project template
import bb.cascades 1.0

// creates one page with a label

Page {
    Container {
        layout: StackLayout {}
        Label {
            id: msgLabel
            text: qsTr("Hello World")
            textStyle.base: SystemDefaults.TextStyles.BigText
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Center
        }
        Button {
            id: requestXML
            objectName: "requestXML"
            onClicked: {
                var doc = new XMLHttpRequest();
                doc.onreadystatechange = function() {
                    if (doc.readyState == 4) {
                        msgLabel.text="OK"
                        // pass “doc.responseText” to C++ for Parsing
                    }
                }
                doc.open("GET", "http://www.example.com/sample.json", true);
                doc.send();

            }
    }
    }
}

在我的.pro文件中，我已经声明

CONFIG += qt warn_on cascades10
QT += network
CONFIG += debug
CONFIG += console
LIBS += -lbbdata
QT +=script
QT +=scripttools

我哪里错了？ 否则我必须宣布其他事情

Answer 1

我没有访问Twitter API的权限 ，因此无法为您正确测试。 但这确实适用于其他JSON文件。 对于此示例，您只需在.pro文件中使用LIBS + = -lbbdata 。 另外，请阅读DataSource和JsonDataAccess 。 如果您是我，则可以通过c ++下载JSON。

import bb.cascades 1.0
import bb.data 1.0

Page {
    Container {
        layout: StackLayout {
        }
        Label {
            id: msgLabel
            text: qsTr("Hello World")
            textStyle.base: SystemDefaults.TextStyles.BigText
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Center
        }
        Button {
            id: requestXML
            onClicked: {
                dataSource.load();
            }
        }
        attachedObjects: [
            DataSource {
                id: dataSource
                source: "https://api.twitter.com/1.1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=ladygaga"
                type: DataSourceType.Json

                onDataLoaded: {
                    console.log("loaded");
                    console.log(JSON.stringify(data)); //just for testing
                    console.log(data);          
                }
                onError: {
                    console.log(errorType);
                    console.log(errorMessage);
                }
            }
        ]
    }

另外，您所使用的Twitter API不再可用，因此请检查REST API v1.1资源，否则将出现以下错误：

{"errors": [{"message": "The Twitter REST API v1 is no longer active. Please migrate to API v1.1. https://dev.twitter.com/docs/api/1.1/overview.", "code": 68}]}

Answer 2

我认为问题出在默认情况下不允许的跨域请求中。 在WebWorks您需要在应用程序config.xml文件中为要访问的域声明一个<access>元素。

不幸的是，我不知道如何在本地QML项目中执行相同的操作。 bar-descriptor.xml现有元素不允许执行类似操作。

添加：

我写了一个简单的HTTP存根来测试猜测，看起来确实是引起问题的原因：

$ echo -e 'HTTP/1.1 200 OK\n\n' | nc -l 8080


GET /user_timeline.json?include_entities=true&include_rts=true&screen_name=ladygaga HTTP/1.1
CONTENT-TYPE: application/x-www-form-urlencoded
Connection: Keep-Alive
Accept-Encoding: gzip
Accept-Language: en-GB,*
User-Agent: Mozilla/5.0
Host: 192.168.1.106:8080

在这种情况下，我得到XMLHttpRequest.status == 200 ，而在访问Twitter端点时，对于同一代码，我得到XMLHttpRequest.status == 0 ：

import bb.cascades 1.0

Page {
    Container {
        layout: StackLayout {
        }
        Label {
            id: msgLabel
            text: qsTr("Hello World")
            textStyle.base: SystemDefaults.TextStyles.BigText
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Center
        }
        Button {
            id: requestXML
            objectName: "requestXML"
            onClicked: {
                sendRequest();
            }
        }
    }

    function sendRequest() {
        var ajax = new XMLHttpRequest();
        ajax.onreadystatechange = function() {
            if (ajax.readyState === XMLHttpRequest.DONE) {
                console.log("ajax.status: " + ajax.status);
                if (ajax.status === 200) {
                    console.log("Response = " + ajax.responseText);
                } else {
                    // This is very handy for finding out why your web service won't talk to you
                    console.log("Status: " + ajax.status + ", Status Text: " + ajax.statusText);
                }
            }
        }
//        var url = "http://192.168.1.106:8080/user_timeline.json?include_entities=true&include_rts=true&screen_name=ladygaga";
        var url = "https://api.twitter.com/1.1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=ladygaga";
        ajax.open("GET", url, true); // only async supported
        ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        ajax.send();
    }
}