在将数据从 servlet 加载到 android phonegap 中的列表视图时获取空白页



我想在android phonegap的列表视图中显示来自servlet的json数据。但它在安卓模拟器中显示空白页。它也没有调用servlet。这是我的代码,请帮助我。

<!DOCTYPE HTML>
  <html>
 <head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Auth Demo</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
 <script src="jquery-1.9.1.js"></script>
<script src="jquery.mobile-1.3.2.js"></script>
<script>
$.ajax({
url: 'http://10.0.2.2:7080/example/CaseList',
dataType: 'jsonp',
jsonp: 'jsoncallback',
timeout: 5000,
success: function(data, status){
   $.each(data, function(i, item) {
          $('ul').append('<li><a href="">' + item.case + '</a></li>');
          });
   $('#output').listview("refresh");
 },
error: function(){
   output.text('There was an error loading the data.');
}
  });
</script>
</head>
<body> 
<div data-role="page">
<div data-role="content">    
    <ul data-role="listview" data-filter="false" id="output" data-theme="d">
    </ul>
</div>
</div>
</body>
 </html>

我不是 100% 使用 ajax 调用,但我很确定你需要在定义函数后实际调用它,它看起来不像你。

尝试在标签中放置一个 onload 调用,然后将 ajax 包装在函数中。

身体标签:

<body onload="getData()">

功能:

function getData(){
    //place your ajax call in here
}

最新更新