2011-09-22 53 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); 
       } 

      }); 
});