javascript - 如何在 qml XmlHttpRequest 中设置用户名和密码

Question

我想在 QT-Creator 和 QML 中使用 javascript XMLHttpRequest 来连接到服务器上的 xml（例如 nextcloud）。但是需要用户名和密码。下面是来自 QML-Book 的修改示例。但我不知道如何为不同的 url 设置用户名和密码。

import QtQuick 2.5

Rectangle {
    width: 320
    height: 480
    ListView {
        id: view
        anchors.fill: parent
        delegate: Thumbnail {
            width: view.width
            text: modelData.title
            iconSource: modelData.media.m
        }
    }

    function request() {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
                print('HEADERS_RECEIVED')
            } else if(xhr.readyState === XMLHttpRequest.DONE) {
                print('DONE')
                var json = JSON.parse(xhr.responseText.toString())
                view.model = json.items
            }
        }
        xhr.open("GET", "http://mynextcoudserver/remote.php/dav/files/username/folder");
        xhr.send();
    }

    Component.onCompleted: {
        request()
    }
}

我找到了类似问题的答案，例如：

xhr.setRequestHeader( 'Authorization', 'Basic ' + btoa( user + ':' + pass ) )

但它给了我它不起作用：“btoa”没有定义。

Answer 1

btoa是一个 QML 函数，属于全局Qt对象，因此必须将代码更改为：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = ...
xhr.setRequestHeader( 'Authorization', 'Basic ' + Qt.btoa( user + ':' + pass ) )
xhr.open("GET", "http://mynextcoudserver/remote.php/dav/files/username/folder");
xhr.send();