诺基亚技术支持提供的 qml json 交互

Json data

{ "index" :[ "all" ], "flux" :{ "all" :[{ "data" :{ "title" : "boris" , "icon" : "icon.png" }]}}

QMLside : main.qml

import QtQuick 1.0
import "parser.js" as JS

Item {
id:root
width: 360
height: 640

Component.onCompleted: JS.load()


ListModel { id:listModel }

ListView {
id:view
anchors.fill:parent
model : listModel
delegate: Rectangle {
width:parent.width
height:80
Text {
anchors.center:parent
text: title
}

}
}

}

javascript side : parser.js

function load() {

listModel.clear();
var xhr = new XMLHttpRequest();
xhr.open( "GET" , "http://data.json" , true );
xhr.onreadystatechange = function()
{
if ( xhr.readyState == xhr.DONE)
{
if ( xhr.status == 200)
{
var jsonObject = eval( '(' + xhr.responseText + ')' );
loaded(jsonObject)
}
}
}
xhr.send();
}



function loaded(jsonObject)
{
for ( var index in jsonObject.flux.all )
{
listModel.append({
"title" : jsonObject.flux.all[index].data[ "title" ],
"icon" : jsonObject.flux.all[index].data[ "icon" ]});
}

// get directly the json object. Should work but not tested
//listModel.append({jsonObject.flux.all});


}