xmlhttprequest

前:

点击按钮后:读取除了Xml内的内容了.

XMLHttpRequest包含一个小的QML例子来说明Qt QML's XMLHTTPRequest的功能.如果要看更多信息,请参见XMLHttpRequest区域.

使用XMLHttpRequest API获取数据,从服务器上抓取一个XML文档.他将显示HTTP响应头以及XML文档的内容.

文件有:

xmlhttprequest/data.xml

<data>
    <element1 />
    <element2 />
</data>

xmlhttprequest/get.qml

import QtQuick 2.0

Rectangle {
     350; height: 400

    function showRequestInfo(text) {
        log.text = log.text + "
" + text
        console.log(text)
    }

    Text { id: log; anchors.fill: parent; anchors.margins: 10 }

    Rectangle {
        id: button
        anchors.horizontalCenter: parent.horizontalCenter; anchors.bottom: parent.bottom; anchors.margins: 10
         buttonText.width + 10; height: buttonText.height + 10
        border. mouseArea.pressed ? 2 : 1
        radius : 5; antialiasing: true

        Text { id: buttonText; anchors.centerIn: parent; text: "Request data.xml" }

        MouseArea {
            id: mouseArea
            anchors.fill: parent
            onClicked: {
                log.text = ""
                console.log("
")

                var doc = new XMLHttpRequest();
                doc.onreadystatechange = function() {
                    if (doc.readyState == XMLHttpRequest.HEADERS_RECEIVED) {
                        showRequestInfo("Headers -->");
                        showRequestInfo(doc.getAllResponseHeaders ());
                        showRequestInfo("Last modified -->");
                        showRequestInfo(doc.getResponseHeader ("Last-Modified"));

                    } else if (doc.readyState == XMLHttpRequest.DONE) {
                        var a = doc.responseXML.documentElement;
                        for (var ii = 0; ii < a.childNodes.length; ++ii) {
                            showRequestInfo(a.childNodes[ii].nodeName);
                        }
                        showRequestInfo("Headers -->");
                        showRequestInfo(doc.getAllResponseHeaders ());
                        showRequestInfo("Last modified -->");
                        showRequestInfo(doc.getResponseHeader ("Last-Modified"));
                    }
                }

                doc.open("GET", "data.xml");
                doc.send();
            }
        }
    }
}

xmlhttprequest/xmlhttprequest.qml

内容:

import QtQuick 2.0
import "../../quick/shared" as Examples

Item {
    height: 480
     320
    Examples.LauncherList {
        id: ll
        anchors.fill: parent
        Component.onCompleted: {
            addExample("Get data", "Send get request and show received header and body",  Qt.resolvedUrl("get.qml"));
        }
    }
}

xmlhttprequest/main.cpp

1 #include "../../quick/shared/shared.h"
2 DECLARATIVE_EXAMPLE_MAIN(qml/xmlhttprequest/xmlhttprequest)

xmlhttprequest/xmlhttprequest.pro

内容:算是项目中的工程makefile.

TEMPLATE = app

QT += quick qml
SOURCES += main.cpp
RESOURCES += 
    xmlhttprequest.qrc 
    ../../quick/shared/quick_shared.qrc

EXAMPLE_FILES = 
    data.xml

target.path = $$[QT_INSTALL_EXAMPLES]/qml/xmlhttprequest
INSTALLS += target

xmlhttprequest/xmlhttprequest.qmlproject

内容:工程中当前目录以及子目录下包含的文件格式.

import QmlProject 1.0

Project {
    mainFile: "xmlhttprequest.qml"
    /* Include .qml, .js, and image files from current directory and subdirectories */

    QmlFiles {
        directory: "."
    }
    JavaScriptFiles {
        directory: "."
    }
    ImageFiles {
        directory: "."
    }
}

xmlhttprequest/xmlhttprequest.qrc

内容:该工程中相关的资源文件,自动生成

<RCC>
    <qresource prefix="/qml/xmlhttprequest">
        <file>xmlhttprequest.qml</file>
        <file>get.qml</file>
        <file>data.xml</file>
    </qresource>
</RCC>

QML JavaScript 主机环境实现了以下主机对象和功能函数.这些可以被构建,或者从装载的JAVASCRIPT代码被使用再QML中,不需要多余的导入.
The Qt object: 这个对象被指定再QML中,并且提供再qml环境中使用的帮助方法以及属性.
qsTr(), qsTranslate(), qsTrId(), QT_TR_NOOP(), QT_TRANSLATE_NOOP(), and QT_TRID_NOOP() 函数:这些函数被指定再QML中,并且提供再QML环境中的转换能力.
gc() 函数:这个函数指定在QML中,并且提供一种方式去手动触发垃圾收集.
print() 函数:这个函数指定在QML中,并且提供了一种简单的方式去输出信息到控制台.
The console object: 这个对象实线了FireBug Console API的子集.
XMLHttpRequest, DOMException: 这些对象实线了一个W3C XMLHttpRequest指定的子集功能.

XMLHttpRequest对象,能够被用来在网络上异步包含数据.
XMLHttpRequest API实现了跟W3C一样的标准,就好像流行浏览器那样,除了一下功能:
QML's XMLHttpRequest 不强制实现同源策略.
QML's XMLHttpRequest 不支持同步请求.

除此之外,当前被QML所支持的responseXML XML DOM tree是一个web浏览器支持的DOM Level 3 Core API的子集.以下对象和属性再QML中是可以实现了的: