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);

  });


});