QML中使用AJAX,解析返回的JSON数据-优快云博客

本文介绍了一种使用Ajax进行异步数据请求的方法，包括创建XMLHttpRequest对象、设置请求参数、处理请求状态变化等关键步骤，并提供了qml中调用Ajax的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ajax.js

ajax.js

function createXMLHttpRequest() {
    var req = null;

    try {
        req = new XMLHttpRequest();
        if (typeof req.overrideMimeType !== "undefined") {
            req.overrideMimeType("text/xml");
        }
    } catch (ex) {
        req = null;
    }

    return req;
}

function loadXMLDoc(req, url, parameters, onSuccess, onFailed) {
    req.onreadystatechange = function() {
        processStateChange(req, onSuccess, onFailed);
    };
    req.open("POST", url, true);
    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    req.send(parameters);
}

function processStateChange(req, onSuccess, onFailed) {
    if (req.readyState === 4) {
        if (req.status === 200) {
            onSuccess(200, req.responseText);
        } else {
            onFailed(req.status, null);
        }
    }
}

2.qml中调用

import "ajax.js" as AjaxScript

Rectangle{
    。。。
}

function do(){
    var url = 'http://www.some.com/portal';
    var parameters = 'method=test&arg1=1';
    var req = AjaxScript.createXMLHttpRequest();
    AjaxScript.loadXMLDoc(req, url, parameters,
                          function(code,text){
                              var Response = eval('(' + text + ')');
                              //Response.value1
                              //Response.value2
                              //Response.value2.value1
                              //.......
                          },
                          function(code,text){
                              //数据请求失败
                          });

}