phonegap android ajax调用不附加数据答案

【问题标题】：phonegap android ajax call not appending dataphonegap android ajax调用不附加数据
【发布时间】：2011-09-22 12:24:04
【问题描述】：

我是 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>

谢谢

【问题讨论】：

标签： android jquery cordova

【解决方案1】：

确保正确包含 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); 
                } 

            });
});

【讨论】：