使用2.12版本QT中qml制作一个按钮点击请求api获取值显示出来

好的，首先你需要在QT中创建一个新的QML文件，例如我们可以创建一个名为`MyButton.qml`的文件。在这个文件中，我们将创建一个简单的按钮，并且当按钮被点击时，会请求API并将结果显示在屏幕上。

下面是一个简单的示例代码：

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.3
import QtQuick.Dialogs 1.3
import QtQuick.Window 2.12
import QtQuick.XmlListModel 2.0
import QtQuick.XmlListModel 2.12

Item {
    width: 400
    height: 400

    Button {
        id: myButton
        text: "Click Me"
        onClicked: {
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.readyState === XMLHttpRequest.DONE) {
                    if (xhr.status === 200) {
                        var response = JSON.parse(xhr.responseText);
                        resultText.text = response.value;
                    } else {
                        console.log("Error: " + xhr.status);
                    }
                }
            };
            xhr.open("GET", "https://api.example.com/value", true);
            xhr.send();
        }
    }

    Text {
        id: resultText
        anchors.centerIn: parent
        font.pointSize: 24
    }
}

在这个代码中，我们使用了一个`Button`控件，当这个按钮被点击时，就会执行一个JavaScript函数，该函数使用XMLHttpRequest对象发送一个GET请求到指定的API地址，并在响应返回时将响应的值显示在屏幕上。

要在主应用程序中使用这个QML文件，你可以将它作为一个组件加载到主窗口中，如下所示：

import QtQuick 2.12
import QtQuick.Controls 2.12

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("My Application")

    MyButton {
        anchors.centerIn: parent
    }
}

在这个代码中，我们使用了一个`MyButton`组件，并将它放置在主窗口的居中位置。

当你运行这个应用程序时，你应该能够看到一个按钮，当你单击它时，它会请求API并将响应的值显示在屏幕上。