QT——与Javascript交互

转自&＃xff1a;http://blog.csdn.net/playstudy/article/details/8255826

目录

1 Qt和Javascript交互的两种方式

  为了充分发挥Javascript的跨平台特性&＃xff0c;Qt和Javascript交互将不采用“Qt对Javascript公开对象引用”的方式&＃xff08;即通过QWebFrame的addToJavascriptWindowObject方法向Javascript提供对象引用&＃xff09;。这种方式虽然使得Qt和Javascript能直接的交互&＃xff0c;但是Javascript端对于Qt端的依赖将影响Javascript发挥跨平台性。该方式调用原理如图1-1中左图所示&＃xff1a;

 从图中不难看出&＃xff0c;左边的方式中Javascript对Qt对象的依赖不利于Javascript往其它平台移植。而右边的“自定义URL”方式则不一样&＃xff0c;Javascript不再选择利用Qt对象去调用Qt方法&＃xff0c;而是直接向Webkit浏览器发送自定义URL&＃xff0c;Webkit捕获到URL后通过QWebKit自身提供的Signal来关联Qt中的Slots函数&＃xff0c;并向Slots函数传递URL&＃xff0c;Slots函数就可以根据URL中的信息作出相应处理。在“自定义URL”方式中&＃xff0c;底层平台不论是Qt&＃xff0c;还是Android&＃xff0c;上层的Javascript只需发送“自定义URL”即可。这样Javascript的平台无关性就能得以充分发挥。如图1-2所示&＃xff1a;

图1-2

2实例分析

  对“自定义URL”方式有了初步认识后&＃xff0c;下面通过一个实例来叙述这种“自定义URL”的方式中可能涉及到的技术点。

2.1 前端——HTML和Javascript

  例子中涉及2个html文件a.html、b.html和一个Javascript文件js.js。文件b.html很简单&＃xff0c;就是一句欢迎语&＃xff0c;文件a.html运行如图2-1所示&＃xff1a;

图2-1

其对应的代码如下&＃xff1a;

2.2 后台——Qt

  从a.html和js.js端的代码不难看出&＃xff0c;当用户在a.html页面上文本框内输入内容后&＃xff0c;点击“Go”按钮就会触发js.js中的sendURL方法&＃xff0c;该方法会把用户在文本框内输入的内容当作URL发送&＃xff0c;那么后台的Qt端如何得到这个URL呢&＃xff1f;

2.2.1 loadStarted信号

  通过查阅Qt帮助文档找到这样一个信号——loadStarted()&＃xff0c;该信号在QWebView、QWebPage和QWebFrame均存在。当开始加载一个新的网页时产生该信号&＃xff0c;所以接收Javascript产生的URL可以尝试从该信号入手。

2.2.2 requestedUrl函数

  QWebFrame有个方法叫做requestedUrl()。当产生URL请求而加载Web页面时&＃xff0c;调用该方法能过获取到请求的URL。看来接收Javascript产生的URL&＃xff0c;这个方法不可或缺。

2.2.3 获取URL

  下面结合前面选择的信号和方法来获取Javascript产生的URL。

1、为loadStarted信号设置Slots函数
QWebPage * page &＃61; view->page();

connect(page, SIGNAL(loadStarted()), this, SLOT(doLoad()));2、接收URL
void MyMainWindows::doLoad()
{QUrl url &＃61; view->page()->mainFrame()->requestedUrl();qDebug()<<"doLoad...."<}

parseURL的具体实现参见附录。

2.2.4 演示实例

  接收成功后&＃xff0c;就可以由Qt解析URL&＃xff0c;由URL中的信息来选择应该执行什么操作。

  在本例子中&＃xff0c;如果URL是字符串“print”&＃xff0c;那么就调用“print”相关模块&＃xff08;简单的输出信息&＃xff0c;然后跳转到b.html页面&＃xff09;。图2-2为实例运行后的主界面&＃xff1a;

图2-2

  输入print&＃xff0c;点击“Go”按钮&＃xff0c;界面切换&＃xff0c;如图2-3所示&＃xff1a;

图2-3

  同时观察控制台输出&＃xff0c;如图2-4所示&＃xff1a;

图2-4

  从输出信息中可以看出&＃xff0c;接收到的URL为文件绝对路径&＃xff0c;解析后比较URL&＃xff0c;如果等于“print”&＃xff0c;那么就执行“Call Moudle Of Print”&＃xff0c;并加载b.html。

  注意&＃xff0c;加载b.html页面时同样会因为产生loadStarted信号而执行预先设置好的Slots函数。至此演示完毕&＃xff01;

3小结

  在小结之前先来看a.html中埋下的一个小伏笔。

  在a.html中有个超链接“b.html”&＃xff0c;该链接的URL指向b.html页面&＃xff0c;正常情况下点击该链接就会跳转到b.html页面&＃xff0c;但为何在本实例程序中点击b.html不会有任何跳转呢&＃xff1f;这其中的原因在于QWebKit中的linkClicked信号&＃xff0c;当点击Web页面中的超链接时就会产生该信号。本例中为该信号设置Slots函数&＃xff0c;函数中没有对超链接的URL进行加载&＃xff0c;所以点击超链接后不会产生任何跳转。类似于linkClicked这样的信号还有很多&＃xff0c;可以根据不同的需求选择使用。

  对比两种交互方式&＃xff0c;“Qt对Javascript公开对象引用”的方式在Javascript调用Qt的过程中表现得较为直接&＃xff0c;而“自定义URL”的交互方式很好地解决了跨平台问题。总之&＃xff0c;方案没有好坏之分&＃xff0c;各有所长&＃xff0c;根据实际需求选取即可。

4附录

1、parseURL方法具体实现如下&＃xff1a;

void MyMainWindows::parseURL(QUrl url)
{ QString urlStr &＃61; url.toString();qDebug()<<"parseURL...."<Url:"<;if(ret.operator&＃61;&＃61;(QString("print")));{qDebug()<<"Call Moudle Of Print";/*如果找不到该url&＃xff0c;app exited with code -1073741819*/view->load(QUrl("../b.html"));}}
}


2、使用linkClicked信号前必须调用setLinkDelegationPolicy&＃xff1a;

setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
connect(page, SIGNAL(linkClicked(QUrl)), this, SLOT(parseURL(QUrl)));