Qt WebView js交互(new) 支持ios android 平台

由于服务器和HTML界面在同一个进程,因此传输速度很快,不用考虑传输速度问题。

并且C++端放在本地可以做本地App应用,放在服务器,可以做网页应用。

原理是 界面中 new Qt HTTP服务器,

HTML端用JavaScript XMLHttpRequest发送请求给C++(可包含参数 参数中使用字符串用来表示,函数可以用HTTP 子域开表示,),C++根据传入的字符串,调用Qt元函数,或者封装入Qt quick中,调用eval.推荐用Qt quick封装,因为更方便,他里面封装好了ios 和 android的Webview

返回值由C++ HTTP服务器端返回。

因为直接是Qt和javasc交互,因此跳过了中间层

传统:

C++ —> JAVA(objecttive C) —> JavaScript

C++ <— JAVA(objecttive C) <—- JavaScript

现在:C++ <—> JavaScript

DEMO:

int  testdata=0;
void Helloworldcontroller3::service(HttpRequest &request, HttpResponse &response) {

//允许跨域
response.setHeader("Access-Control-Allow-Origin", "*");

QByteArray path=request.getPath();
qDebug("RequestMapper: path=%s",path.data());
if (path=="/test") {
//获取参数
QByteArray m_id=request.getParameter("p1");

QString  s;
s.sprintf("data %d",m_id.toInt());
response.setStatus(200,"ok");  //返回成功代码200  已经代码字符串
response.write(s.toStdString().c_str(),true);//写入参数
testdata++;

}
else {
response.setStatus(404,"oo!Not found");
QString  s =QString::fromLocal8Bit("未知的连接哦");
QByteArray s2(s.toStdString().c_str());
response.write(s2,true);
}

qDebug("RequestMapper: finished request");
}

var xhr;
function   异步CALL_Test(arg1)
{
if (!xhr)
{
xhr = new XMLHttpRequest();
}

if (xhr) {
//写入参数
xhr.open('POST', "http://localhost:8080/test?p1="+arg1, true);//异步调用 发送给Qt端
xhr.onreadystatechange = function(evtXHR){
if (xhr.readyState == 4) {
if (xhr.status == 200) {//如果发送成功

var response = xhr.responseText;//获取Qt返回值  作为新建列表的标题
alert(response)
$("#list1").append('<li><a href="#">Inbox<span class="ui-li-count">'+response+'</span></a></li>');
$("#list1").listview("refresh");
} else {
alert(  "不允许跨域请求。" + xhr.status+xhr.responseText);
}
}
};
xhr.send(null);
} else {
alert("Sorry!程序出错!Code Postion:XML ERROR:1")
}
// alert("end");
}
$(function(){

$("button").click(function(){

异步CALL_Test(123);

});

});