QML에서 HTML 파일과 Javascript 호출하기

Question

QML에서 호출해야하는 HTML 파일이 하나 있습니다. 내 HTML 파일은 ajax 프로그래밍을 사용합니다. "정의되지 않은 변수 $ ajax"오류가 발생합니다. 이 문제를 해결하기 위해 사용해야하는 도서관이 있습니까?

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 변수가 정의되지 않았다는 에러가 발생합니다. 제발 조언.

Answer 1

$는 일반적으로 ajax 라이브러리가있는 jQuery 라이브러리에 대한 참조로 사용됩니다.