logo标签列表

Qt QWEBview JavaScript回调

javascriptqtqwebviewslot
11

如何将 JavaScript 中的函数“指针”传递到槽中？

JavaScript 代码：

function f1()
{
    alert("f1");
}
qtclass.submit(f1);

并且在Qt中：

public slots:
    void submit(void * ptr) 
    {
        (void)ptr;
    }

我需要在c++中进行一些处理后，通过JavaScript调用名为"f1"的函数。同时，我事先不知道函数指针的名称。

4个回答
9

您应该可以使用QWebFrame::evaluateJavaScript方法来执行您的脚本。请查看下面的示例，看它是否适用于您：

初始化Web视图：

QWebView *view = new QWebView(this->centralWidget());
view->load(QUrl("file:///home//test.html"));
connect(view, SIGNAL(loadFinished(bool)), this, SLOT(loadFinished(bool)));

loadFinished信号处理程序：

void MyTestWindow::loadFinished(bool)
{
    QVariant f1result = ((QWebView*)sender())->page()->mainFrame()->evaluateJavaScript("f1('test param')");
    qDebug() << f1result.toString();
}

test.html:

<head>
    <script LANGUAGE="JavaScript">
        function f1 (s) 
        {
            alert (s) 
            return "f1 result"
        }
    </script>
</head>
<body>
    test html
</body>

evaluateJavaScript应该触发一个警告消息框，并返回带有f1函数结果的QVariant。

希望这可以帮助，问候

6
您可以使用Qt信号来解决此问题，具体方法如下：
class qtclass
{
   signals:
      void done(QString message);
};

在您的HTML文件中，您可以像这样连接到此信号：
qtclass.done.connect(f1);

function f1(message)
{
   alert('f1 called from qtclass with message' + message);
}

那么，您的C++类不需要知道JavaScript函数。
我正在尝试按照您的答案并做同样的事情。但是，它对我不起作用。这是我的问题 - http://stackoverflow.com/questions/22037838/qt-qweb-callback-not-working-in-the-example-here 。您能否抽出一些时间回答它？ - dexterous
你介意回答这个问题吗？http://stackoverflow.com/questions/22060192/why-callback-to-js-is-not-working-in-the-qtweb-using-signals-in-the-following-co - dexterous
你的JS代码中的qtclass是什么？你如何链接它？ - borune
3

虽然这种方法并不适用于所有情况，但您可以将一个字符串传递给您的插槽。然后，您的插槽可以使用evaluateJavaScript（正如Serge所建议的那样）来调用该函数。

function f1()
{
    alert("f1");
}
qtclass.submit("f1");

在Qt中：

public slots:
    void submit(QString functionName) 
    {
        m_pWebView->page()->mainFrame()->evaluateJavaScript(functionName + "()");
    }
1

我这里有一个完整的工作解决方案 - 使用插槽。然而，我无法像Kurt建议的那样使信号起作用。

#include <QtGui/QApplication>
#include <QApplication>
#include <QDebug>
#include <QWebFrame>
#include <QWebPage>
#include <QWebView>

class MyJavaScriptOperations : public QObject {
    Q_OBJECT
public:
     QWebView *view;
     MyJavaScriptOperations();

    Q_INVOKABLE qint32 MultOfNumbers(int a, int b) {
        qDebug() << a * b;
        return (a*b);
    }
public slots:
     void callback();
public:

void  firecb();

 signals:
      void done();
};


MyJavaScriptOperations::MyJavaScriptOperations()
{
    view = new QWebView();
    view->resize(400, 500);

    connect(view->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(callback()));

    view->load(QUrl("./shreyas.html"));

    view->show();


    qDebug()<<view;


}

void MyJavaScriptOperations::callback()
{
    qDebug()<<"Sending hello text";
    QString function = "f1()";
    view->page()->mainFrame()->addToJavaScriptWindowObject("myoperations", this);
    view->page()->mainFrame()->evaluateJavaScript("f1()");
    done();
}

void  MyJavaScriptOperations::firecb()
{
     qDebug()<<"Emitting Signal";
     done();
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);


    MyJavaScriptOperations *jvs = new MyJavaScriptOperations;
    jvs->firecb();

    return a.exec();
}
#include "main.moc"

这句话的意思是：“HTML文件发生了改变。”
<head>
    <script LANGUAGE="JavaScript">


function f1()
{
   alert('f1 called from qtclass with message');
   document.write("HELLLLLLLLL");
}
myoperations.callback(f1);


function f2()
{
   var result = myoperations.MultOfNumbers(3,7);
   document.write(result);
    alert('f1 called from qtclass with message');
}


function f3()
{

    alert('f3');
}

myoperations.done.connect(f3);


    </script>
</head>
<body>
    test html
<input type="button" value="click" onclick="f2()">
</body>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接