Privacy policyContactsAbout siteOpinionsGitHubDonate
© EVILEG 2015-2018
Recommend hosting

Qt/C++ - Lesson 041. JSON file – How to get from site and parsing it

JSON, QJsonArray, QJsonDocument, QJsonObject, QJsonValue, QNetworkAccessManager

In the process of writing programs EColor appeared a problem in which it was necessary in some way to notify the user that a new version of the program. The solution to this problem was the presence of JSON file on the site. With QNetworkAccessManager get a JSON file and produce his analysis, thanks to the class library Qt: QJsonDocument , QJsonObject , QJsonArray . In the case of the program on the website EColor contains JSON file with the name of the program, the full version in string form and three entities to the major part of the version, minor and patch version. When parsing the file is compared with the current version of the program that is on the website. If the site is lined with a newer version, the program will notify the user.

For example, at JSON file is located on a site with the following content:

  "departament": "it",
  "employees": [
    {"firstName": "John", "lastName": "Doe"},
    {"fisrtName": "Michael", "lastName": "Smith"},
    {"firstName": "Anna", "lastName": "Jones"}
  "number" : 3

At the root of the object file is located three objects, the second of which is an array. The first object - a string property " departament ", which contains the name of the department. The second object - an array containing the names of employees. A third object - is the employees number of type Integer .

Project structure for JSON parsing

  • - the profile of the project;
  • main.cpp - the main project source code file;
  • widget.h - header file of the application window, which contains a QTextEdit field, which will be placed in the result of parsing the file;
  • widget.cpp - source file with QNetworkAccessManager.
  • widget.ui - file interface.

Do not forget to connect the network module to the profile of the project, to be able to work with the class QNetworkAccessManager .

# Project created by QtCreator 2016-01-02T13:12:55

QT       += core gui network

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets


SOURCES += main.cpp\

HEADERS  += widget.h

FORMS    += widget.ui


Connect class QNetworkAccessManager , also declared in the header file SLOT o nResult(QNetworkReply * reply) , which will be parsed JSON file when receiving a response from the site with the contents of the file.

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QNetworkAccessManager>

namespace Ui {
class Widget;

class Widget : public QWidget

    explicit Widget(QWidget *parent = 0);

private slots:
    // Обработчик данных полученных от объекта QNetworkAccessManager
    void onResult(QNetworkReply *reply);

    Ui::Widget *ui;
    QNetworkAccessManager *networkManager;

#endif // WIDGET_H


The process is to create QJsonDocument object and write the contents of QNetworkReply response. Then pick up the document root of the root object that contains all three properties. After that, pick up titles for their property values. From the second property "employes" pick up the array with the names and surnames of members of the Department. All data is placed in the ui->textEdit .

#include "widget.h"
#include "ui_widget.h"

#include <QJsonDocument>
#include <QJsonObject>
#include <QJsonArray>
#include <QUrlQuery>
#include <QNetworkReply>
#include <QUrl>

Widget::Widget(QWidget *parent) :
    ui(new Ui::Widget)

    networkManager = new QNetworkAccessManager();
    // Connect networkManager response to the handler
    connect(networkManager, &QNetworkAccessManager::finished, this, &Widget::onResult);
    // We get the data, namely JSON file from a site on a particular url

    delete ui;

void Widget::onResult(QNetworkReply *reply)
    // If there are no errors

        // So create an object Json Document, by reading into it all the data from the response
        QJsonDocument document = QJsonDocument::fromJson(reply->readAll());

        // Taking from the document root object
        QJsonObject root = document.object();
        /* We find the object "departament", which is the very first in the root object.
         * Use the keys() method gets a list of all objects and the first index
         * Take away the name of the object on which we obtain its value
         * */
        ui->textEdit->append(root.keys().at(0) + ": " + root.value(root.keys().at(0)).toString());

        // The second value prescribe line
        QJsonValue jv = root.value("employees");
        // If the value is an array, ...
            // ... then pick from an array of properties
            QJsonArray ja = jv.toArray();
            // Going through all the elements of the array ...
            for(int i = 0; i < ja.count(); i++){
                QJsonObject subtree =;
                // Taking the values of the properties and last name by adding them to textEdit
                ui->textEdit->append(subtree.value("firstName").toString() +
                                     " " +
        // At the end we take away the property of the number of employees of the department and also to output textEdit


As a result of this code will have the following result, which is shown in the following image below.



Only authorized users can post comments.
Please, Log in or Sign up
Feb. 18, 2019, 3:39 p.m.

C++ - Test 001. The first program and data types

  • Result:73points,
  • Rating points1
Feb. 15, 2019, 1:03 p.m.
Николай Булахтин

C++ - Test 002. Constants

  • Result:25points,
  • Rating points-10
Last comments
Feb. 14, 2019, 6:41 p.m.

Спасибо огромное! Заработало!
Feb. 12, 2019, 9:26 a.m.

Сам разборался, спасибо.
Feb. 12, 2019, 8:19 a.m.

День добрый! Можешь выложить форму mainwindow.ui от урока? Заранее спасибо
Feb. 11, 2019, 10:51 a.m.
Евгений Легоцкой

Нет, у меня проблема с жёстким диском случилась, занимался восстановлением ПК, ещё пару вечеров придётся этим заниматься, увы.
Now discuss on the forum
Feb. 17, 2019, 5:28 p.m.
Евгений Легоцкой

Добрый день. Очень извиняюсь за долгий ответ Первое, что нашёл, так это необходимость перерисовать чекбокс. void CheckBoxDelegate::paint(QPainter *painter, const QStyleOptionViewItem ...
Feb. 15, 2019, 3:36 p.m.
Евгений Легоцкой

Ну я тут нашёл одно решение, но сам его не проверял. Вам нужно помещать фамилии скорее всего в ячейки заголовка, и потом просто перерисовывать их QHeaderView * header = m_ui->tableWidget...
Feb. 15, 2019, 7:53 a.m.
Евгений Легоцкой

Добрый день! Не работал с remoteobjects, поэтому глянул документацию, чтобы рассмотреть, что это за зверь. После просмотра документации сложилось стойкой впечатление, что это вполне возм...
Feb. 14, 2019, 6:28 p.m.

Нашел решение на Java. Удалось интегрировать в проект сервиса на Qt, теперь из Qt запускаю Java-код акселерометра.
Join us in social networks

For registered users on the site there is a minimum amount of advertising