Question

我正试图在我的phonegap android应用程序中从本地服务器检索json数据。我已经提交了一个提交输入来获取数据。我在jquery中使用$ .ajax方法来做到这一点。我的问题是，当我点击提交时，没有显示任何内容，但刷新了页面。我不知道如何解决这个问题。

你能帮帮我吗？提前谢谢。

（ps：返回的json是正确的，我已经更改了config.xml中的访问权限）

以下是完整代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Application test</title>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>
    <link href="css/jquery.mobile-1.0rc1.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.4.js"></script>
<script src="js/jquery.mobile-1.0rc1.min.js"></script>
<script>
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
    }
</script>
<script type="text/javascript" language="javascript">
   $(document).ready(function(){
   $('#testform').submit(function(){
       $('#content').html("<b>Chargement...</b>");

        $.ajax({
         url:  "http://localhost/projects/api/getAllCategorie.php"
         }).done(function(data){

            $("#content").html('<p> ID: ' + data.categories[0].id + '</p>');
            log('erreur');
        }).fail(function(){
             alert("Erreur!!");
             $("#content").html('erreur');
             log('erreur');
        });     
         return false;
    };
</script>
</head>
<body>
  <img src= "css/images/logo-annuaire-mayotte.png">
  <ul data-role="listview" data-filter="true" data-filter placeholder="Rechercher..." data-inset="true">
     <li><a href="#">Restaurants</a></li>
     <li><a href="#">Bâtiments</a></li>
     <li><a href="#">Numéros utiles</a></li>
  </ul>
<form id='testform'>
   <div><input type="submit" id="driver" value="Synchronisation" /></div>
</form>
<div id="content">
</div>
</body>
</html>

Answer 1

如果您想连接到您的localhost php文件，请使用端口号（为我工作）或您实际系统的IP地址

http:// localhost:8080/projects/api/getAllCategorie.php,(for emulator) 
http:// 10.0.2.2/projects/api/getAllCategorie.php

关闭文档就绪功能

  $(document).ready(function(){
      $('#driver').click(function(event){
            event.preventDefault(); // To prevent default action of the form
       $('#content').html("<b>Chargement...</b>");
        $.ajax({

         url:  "http://localhost:8080/projects/api/getAllCategorie.php",
         dataType:"json",
         beforeSend:function(){
                alert("Request is going to send now");// place your loader 
         },
         success:function(data){
            $("#content").html('<p> ID: ' + data.categories[0].id + '</p>');
            log('erreur');
         },             
         error:function(xhr, status, error){
          alert(xhr.responseText);
             $("#content").html('erreur');
             log('erreur');
         }
         });     
         return false;
    });
    });

HTMl ：将此表单标记替换为此输入标记

     <div><input type="button" id="driver" value="Synchronisation" /></div>

getjson jquery没有在phonegap android中工作

1 个答案: