我有一个需要从 QML 调用的 HTML 文件。我的 HTML 文件使用 ajax 编程。我收到一条错误消息,提示“未定义的变量 $ ajax”。是否有我需要使用的库来解决此问题?
main.qml--从我的 main.qml 文件,我调用 boot.htm 文件。在我的 boot.htm 文件中,我将调用我的 javascript 文件。
Page{
WebView {
id: webView
url: "local:///assets/boot.htm"
}
}
引导.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>
引导.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 是未定义的变量。请指教。