Loading of a page via GET request in QWebView is unsuccessful

Question

Loading of a page via GET request in QWebView is unsuccessful

My attempt to fetch a website using a GET request in JavaScript within QWebView is causing an error when I use jQuery.ajax. However, switching to XMLHttpRequest seems to solve the issue.

Here is the revised JavaScript code:

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var data = jQuery.parseXML(xmlhttp.responseText);
        alert(data);
    } else if (xmlhttp.readyState == 4) {
        alert(JSON.stringify(xmlhttp));
    }
}

xmlhttp.open("GET", CO_SERVICE, true);
xmlhttp.setRequestHeader("Authorization", "Basic " + btoa("user:password"));
xmlhttp.send();

The code works perfectly in Chrome. However, when I run my Qt application and load the file using:

QNetworkProxyFactory::setUseSystemConfiguration(true);

ui->webView->load(QUrl("qrc:///index.html"));
ui->webView->show();

I encounter the following error:

Can you help me identify what mistake I might be making?

javascript c++ajax qt qwebview

Answer 1

Answer №1

Here is the solution that I used and worked well:

JavaScript

this.completed = function (result) {
    console.log(result);
};

getRequest.done.connect(this, completed);
getRequest.get("url", "username", "password");

C++

MainWindow.h

private:
    Ui::MainWindow *ui;
    GetRequest* mGetRequest;

private slots:
    void addJSObject();

MainWindow.cpp

mGetRequest = new GetRequest();

QObject::connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(addJSObject()));

ui->webView->load(QUrl("qrc:/index.html"));


void MainWindow::addJSObject() {
    ui->webView->page()->mainFrame()->addToJavaScriptWindowObject(QString("getRequest"), mGetRequest);
}

GetRequest.h

#ifndef GETREQUEST_H
#define GETREQUEST_H

#include <QObject>
#include <QString>

#include <QNetworkReply>
#include <QNetworkAccessManager>

class GetRequest : public QObject {
    Q_OBJECT

public:
    explicit GetRequest(QObject *parent = 0);
    ~GetRequest();

public slots:
    void get(QString url, QString username, QString password);

signals:
    void done(QString result);

private:
    QNetworkAccessManager* mNetworkAccessManager;

private slots:
    void replyFinished(QNetworkReply* networkReply);
};

#endif // GETREQUEST_H

GetRequest.m

#include "getrequest.h"

GetRequest::GetRequest(QObject *parent) : QObject(parent) {
    mNetworkAccessManager = new QNetworkAccessManager(this);
    QObject::connect(mNetworkAccessManager, SIGNAL(finished(QNetworkReply*)), this, SLOT(replyFinished(QNetworkReply*)));
}

GetRequest::~GetRequest() {
    delete mNetworkAccessManager;
}

void GetRequest::get(QString url, QString username, QString password) {
    QUrl u(url);
    u.setUserName(username);
    u.setPassword(password);

    mNetworkAccessManager->get(QNetworkRequest(u));
}

void GetRequest::replyFinished(QNetworkReply* networkReply) {
    QString result(networkReply->readAll());

    emit done(result);

    delete networkReply;
}

Answer 2

Here is the solution that I used and worked well:

JavaScript

this.completed = function (result) {
    console.log(result);
};

getRequest.done.connect(this, completed);
getRequest.get("url", "username", "password");

C++

MainWindow.h

private:
    Ui::MainWindow *ui;
    GetRequest* mGetRequest;

private slots:
    void addJSObject();

MainWindow.cpp

mGetRequest = new GetRequest();

QObject::connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(addJSObject()));

ui->webView->load(QUrl("qrc:/index.html"));


void MainWindow::addJSObject() {
    ui->webView->page()->mainFrame()->addToJavaScriptWindowObject(QString("getRequest"), mGetRequest);
}

GetRequest.h

#ifndef GETREQUEST_H
#define GETREQUEST_H

#include <QObject>
#include <QString>

#include <QNetworkReply>
#include <QNetworkAccessManager>

class GetRequest : public QObject {
    Q_OBJECT

public:
    explicit GetRequest(QObject *parent = 0);
    ~GetRequest();

public slots:
    void get(QString url, QString username, QString password);

signals:
    void done(QString result);

private:
    QNetworkAccessManager* mNetworkAccessManager;

private slots:
    void replyFinished(QNetworkReply* networkReply);
};

#endif // GETREQUEST_H

GetRequest.m

#include "getrequest.h"

GetRequest::GetRequest(QObject *parent) : QObject(parent) {
    mNetworkAccessManager = new QNetworkAccessManager(this);
    QObject::connect(mNetworkAccessManager, SIGNAL(finished(QNetworkReply*)), this, SLOT(replyFinished(QNetworkReply*)));
}

GetRequest::~GetRequest() {
    delete mNetworkAccessManager;
}

void GetRequest::get(QString url, QString username, QString password) {
    QUrl u(url);
    u.setUserName(username);
    u.setPassword(password);

    mNetworkAccessManager->get(QNetworkRequest(u));
}

void GetRequest::replyFinished(QNetworkReply* networkReply) {
    QString result(networkReply->readAll());

    emit done(result);

    delete networkReply;
}

Loading of a page via GET request in QWebView is unsuccessful

Answer №1

Similar questions

Is it possible to write a text file in UTF-16 using Javascript?

html form submission error - please refresh

Is there a way to send a boolean to a directive and activate a function when that boolean is altered, all without using $watch?

Combining Images and Navigation in Next.js using Tailwind CSS

Is it possible to generate a basic HTML page using Express JS without utilizing Ejs or any other templating engine

Unveiling the secrets of leveraging Vue Router global navigation guard to efficiently verify multiple conditions

Discover a method to receive an alert when the mouse exits the inner window along the y-axis

Navigate to a different page in NextJs without causing a page refresh or altering the current state of the application

PHP fails to recognize Ajax POST requests

Removing Specific Items from a List in React: A Step-by-Step Guide

Ways to display the ChaptersButton in Videojs-Player

Storing data in a JSON format

Navigating in a react login interface

Retrieving JSON Arrays in PHP through an AJAX Request

What steps can I take to prevent the [Vue warn]: Potential infinite update loop detected in a component render function issue in my VueJS project?

Is there a way to transform an HTML canvas into a tangible photograph?

Iterate over a specified range of elements within a list using jQuery

What steps are necessary for caching an external XML file?

Is it possible to apply action.payload to multiple keys within an object?

Issue with child component not reflecting changes when the state is updated