0

嗨,我必须使用跨平台技术(HTML、CSS、JAVASCRIPT)开发一个移动应用程序,其中我需要将数据发送到服务器并从服务器接收数据。所以我想使用 ajax,所以我尝试了下面给出的代码。

    <!DOCTYPE html>
    <html>
    <head>
    <script src="jquery-1.10.1.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("#div1").load("http://10.16.10.188/login/Hello.txt");
      });
    });
    </script>
    </head>
    <body>

    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
    <button>Get External Content</button>

    </body>
    </html>

当我将此 html 和文本文件保存在 wamp 服务器上的同一目录中时,上面的代码正在工作。但是当我将此 html 文件保存在我的 android 资产文件夹和服务器上的文本文件中时它不起作用。它没有给出任何响应。有人可以帮我完成这件事。非常感谢

4

1 回答 1

1

我能够通过在下面给定的代码中使用 jsonp 来解决这个问题。

    <!DOCTYPE html>
    <html>
    <head>
    <script src="jquery-1.10.1.min.js">
    </script>
    <script>
    $.ajax({
    url:"http://10.16.10.188/login/loginValidator.php",
    dataType: "jsonp",
    success:function(data,status){
    if(status=='success')
    {
    alert("Data: " + data.fullname + "\nStatus: " + status);
    var val = data.fullname;
    $("#imchanged").html(val);
    }
    }
    }); 
    </script>
    </head>
    <body>
    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
    <button id="imchanged">Get External Content</button>
    </body>
    </html>

下面是我的 html 指向的 loginValidator.php 代码。

    <?php
    $array = array(
    'fullname' => 'Jeff Hansen',
    'address' => 'somewhere no.3'
    );
    $data = json_encode($array);
    echo $_GET['callback']."(".$data.")";
    ?>

使用上面给定的代码,我可以从移动模拟器调用 php 文件并从服务器获取响应。

于 2013-06-20T13:15:33.943 回答