PhoneGap (Cordova.js) i JQuery.Ajax nie działają razem

Question

Nov 20, 2012, 10:18 AM

PhoneGap (Cordova.js) i JQuery.Ajax nie działają razem

Zbudowałem stronę html przy użyciu Phonegap + Jquery targetującego Andriod 4.12.

Moim wymaganiem biznesowym jest zrobienie zdjęcia za pomocą interfejsu API aparatu cordova.js, a następnie opublikowanie tego przechwyconego obrazu w serwisie internetowym ASMX.

Problem: Kiedy dodaję odwołanie do Cordova.js i uruchomię aplikację, pojawia się błąd w LogCat „Uncaught ReferenceError: $ nie jest zdefiniowany”, ale jeśli usunę odniesienie do cordova.js, wszystko działa dobrze i jestem w stanie pisać dane do usługi internetowej.

Załączam mój kod w celach informacyjnych.

<!DOCTYPE html>
<html>  
<head>    
<title>Capture Photo</title>   
<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.js"></script> 

<script type="text/javascript">

 var varType;
 var varUrl;
 var varData;
 var varContentType;
 var varDataType;
 var varProcessData;

  function InsertDetails() {
        alert('Inserting Details');
        varType = "POST";
        varUrl = "http://mobile.comp.com/service/userservice.asmx/InsertDetails";
        varContentType = "application/json; charset=utf-8";
        varDataType = "json";
        varProcessData = true;

        var uname = document.getElementById('txtname');
        var pwd = document.getElementById('txtpwd');
        CallService(uname.value, pwd.value);

        return true;
    }

    //Generic function to call AXMX/WCF  Service        
    function CallService(u, p) {
        $.ajax({ type: varType, url: varUrl, data: '{"username":"' + u + '","password":"' + p + '"}', contentType: varContentType, dataType: varDataType, processdata: varProcessData, success: function (msg) { ServiceSucceeded(msg); }, error: ServiceFailed });
    }

    function ServiceSucceeded(result) {

        var myObject = eval('(' + result.d + ')');
        alert(myObject);
    }
    function ServiceFailed(result) {
        alert('Service call failed: ' + result.status + '' + result.statusText);
        varType = null; varUrl = null; varData = null; varContentType = null; varDataType = null; varProcessData = null;
    } 
</script>
</head>
<body>
<input type=text id=txtname value=John />
<input type=text id=txtpwd value=Doe /> 
<input type="button" id="btnSearch" onclick="InsertDetails();" style="cursor: pointer;
    margin-top: 8px; vertical-align: top" value="Insert Details" />

     <button id=btn1>Capture Photo</button> 

</body>
</html>

Pomóż mi w tym.