2011-09-22 59 views
0

我是phonegap和android的新手。我正在嘗試創建一個從Web服務器獲取頁面/數據的項目,但它不工作。我使用的代碼如下所示,面臨從ajax調用中追加數據的問題。phonegap android ajax調用不附加數據

當應用程序在仿真器啓動時,它顯示了從本地服務器,但獲取的所有數據警報它不是追加到#resultBlock

這裏是我的代碼

<!DOCTYPE HTML> 
<html> 
<head> 
<title>PhoneGap</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="jquery.mobile-1.0b3.min.css" /> 

    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery.mobile-1.0b3.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script> 
<script> 


function onDeviceReady() { 
    $('#resultBlock').html('Loading'); 
    $.ajax({ 
    url: 'http://192.168.1.2/user/welcome/', 
    success: function(data) { 
    $('#resultBlock').html(data); 
    alert(data); 
    } 
}); 

} 
$(document).ready(function() { 
    document.addEventListener("deviceready", onDeviceReady, true);  
}); 

</script> 
</head> 
<body > 
    <div data-role="page" id="page"> 
    <div data-role="header"> 
     <h1>Page One</h1> 
    </div> 
    <div data-role="content"> 


     <h3>Result</h3> 
     <p id="resultBlock"></p> 

    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
</div> 

</body> 
</html> 

感謝

回答

0

鱈魚肯定JS文件被正確包含並且路徑是正確的。然後用

$(document).ready(function() { 
$.ajax({ 
       type: 'GET', 
       url: 'http://192.168.1.2/user/welcome/functions.php', 
       data: { get_param: 'candidates' }, 
       dataType:'json', 
       success: function (data) { 
        $('#resultBlock').html(data); 
            alert(data); 
       }, 
       error: function() { 
        console.log(XMLHttpRequest.errorThrown); 
       } 

      }); 
});