JavaScript调用Qt本地对象的几点注意！

一、html中的JavaScript调用Qt本地对象方法

过程如下：

1. 将本地的QObject对象暴露给webkit和JavaScript
2. 通过JavaScript调用本地QObject的槽

重要代码：

connect(ui->mapWebView->page()->mainFrame(),SIGNAL(javaScriptWindowObjectCleared()),this,SLOT(addJavaScriptObject()));

void Widget::addJavaScriptObject()

{

   //javascript可以通过对象名agenter访问agenter对象。

    ui->mapWebView->page()->mainFrame()->addToJavaScriptWindowObject("agenter",this->pAgenter);

}

 

html中的js调用代码如下：

    map.addEventListener ("click",function(e) { alert(e.point.lng + "," + e.point.lat);
     agenter.setPosition(e.point.lng); }  );

注意：

1.js中调用的对象必须是QObject对象，因此如果自定义的类其基类必须是QObject类。

2.Javascript中只能调用公共槽函数，因此必须把要调用的函数声明为public slots 。

楼主想要直接访问对象的成员，但是不行，因此要改变对象的成员变量，必须写一个public slots函数，在函数中通过传参形式，改变成员变量的值。例如：

void Agenter::setPosition(QStringlg)

{

    lng = lg;

    double temp = lng.toDouble();

    qDebug()<<temp;qDebug("%f",temp);

}

html中， agenter.setPosition(e.point.lng);

3.百度地图中的经纬度是Number型，传给主程序时以QString型接收才不丢失数据。最后再把QString转换成double型。

4.qDebug()<<temp;//只能输出小数点后3位

  qDebug("%f",temp);//只能输出小数点后6位