0

我有一个需要从 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 是未定义的变量。请指教。

4

1 回答 1

0

$ 通常用作对具有 ajax 库的 jQuery 库的引用。

于 2013-02-12T18:46:34.673 回答