Question

您好我必须使用跨平台技术（HTML，CSS，JAVASCRIPT）开发移动应用程序，其中我需要将数据发送到服务器并从服务器接收数据。所以我想使用ajax所以我尝试下面给出的代码。< / p>

    <!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资产文件夹和server.it上的文本文件中时它不起作用。没有给出任何回复。请有人帮我完成这件事。谢谢你这么多

Answer 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文件并从服务器获取响应。

如何从移动Web应用程序与服务器交换数据

1 个答案: