從QML調用HTML文件和Javascript

我有一個HTML文件，我需要從QML調用。我的HTML文件使用ajax編程。我收到一個錯誤，說「未定義變量$ ajax」。有沒有我需要用來解決這個問題的圖書館？從QML調用HTML文件和Javascript

main.qml - 從我的main.qml文件中，我調用boot.htm文件。在我的boot.htm文件中，我將調用我的JavaScript文件。

Page{ 
    WebView { 
     id: webView 
     url: "local:///assets/boot.htm" 
    }  
}

boot.htm

<div id="bootScreen" data-bb-type="screen" data-bb-scroll-effect="off"> 
<style type="text/css"> 

#bootScreen 
{ 
    background:url('images/image.gif') no-repeat; 
} 
#logo 
{ 
    height:200px; 
    width:600px; 
} 
</style> 
<script id="bootJS" type="text/javascript" src="js/boot.js"></script> 
<script type="text/javascript"> 

setTimeout(function() { 
    $.ajax({ 
     url: "***", 
     type: 'GET', 
     data: { usr: localStorage["userName"], 
      pwd: localStorage["userPassword"] 
     }, 
     beforeSend: function() { 
      $('#statusError').html('<center><div style="color:black !important; font-weight:bold font-size:20px"><img class="loading" src="images/loader.gif" align="middle" style="margin-bottom:25px;"/> LOADING</div></center>'); 
     }, 
     timeout: 10000, 
     success: function (data) { 
      bb.pushScreen('login.htm', 'login'); 
      if (!isPlaybook()) { 
       unlockOrientation(); 
      } 
     }, 
     error: function (jqXHR, textStatus, errorThrown) { 
      $('#statusError').html('An Error Has Occured. Please Try Again'); 
      console.log(errorThrown); 
      console.log(textStatus); 
      localStorage.clear(); 
      bb.pushScreen('login.htm', 'login'); 
      unlockOrientation() 
     } 
    }); 
}, 5000); 

$(window).resize(function() { 
    $('#logo').css({ 
     position: 'absolute', 
     left: ($(window).width() - $('#logo').outerWidth())/2, 
     top: ($(window).height() - $('#logo').outerHeight())/2 
    }); 
}); 

$(window).resize(); 

</script> 
<div id="logo" style="display:none"> 
<img src="images/image.gif" /> 
</div>     
</div>

Boot.js

var service = "****"; 
var locked = false; 

function rotateAndLock() { 
if (!locked) { 
    blackberry.app.lockOrientation('portrait-primary'); 
    locked = true; 
} 
} 

function unlockOrientation() { 
    blackberry.app.unlockOrientation(); 
    isLocked = false; 
}

我無法看到我的應用程序的Image.gif的，當我跑了。我得到錯誤說$ .ajax是未定義的變量。請指教。

來源

2013-02-12 Bala

請顯示你已經試過的東西，你可以貼一些代碼 – 2013-02-12 17:06:28

我已經更新了代碼。請告知 – Bala 2013-02-12 21:06:51

$通常用作對jQuery庫的引用，它具有ajax庫。

來源

2013-02-12 18:46:34 Deadron

如果我可以獲得任何樣本登錄頁面，我也很高興，因爲我是HTML和Javascript的新手。請 – Bala 2013-02-13 14:58:44

在bootJS腳本標記的前面添加。這將添加Jquery庫作爲項目的源代碼，以便可以使用它。 – Deadron 2013-02-13 21:13:19

從QML調用HTML文件和Javascript

回答

相關問題