0

名前と姓を抽出し、結果に名前と姓を含むメッセージを含むメッセージを単純に返信する REST Web サービスを作成しました。

PhoneGap 内に次のコードがあります。

<!DOCTYPE HTML>
    <html>
     <head>
      <title>PhoneGap</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximumscale=1"/>

    <link rel="stylesheet" href="css/jquery.mobile.css"/>

    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/jquerym.js"></script>
    <script type="text/javascript"  src="js/myscript.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/cordova-2.3.0.js"></script>
 </head>
 <body>
    <div id ="page1" data-role="page">
        <div data-role ="header">
            <h1>Welcome to Page 1</h1>
        </div>
        <a href="#page2" data-transition="flip">Page2</a>
    </div>

    <div id ="page2" data-role="page">
        <div data-role ="header">
            <h1>Welcome to Page 2</h1>
        </div>

        <form>
            First name: <input type="text" name="name" id="username"><br>
            Last name: <input type="text" name="surname" id="usersurname"><br>
            <input type="submit" id ="submit" name="submit" value="GO TIME">
        </form>
        <a href="#page1" data-transition="flip">Page1</a>
    </div>

 </body>
</html>

ユーザーがフォームに値を入力すると、次の js が実行されます。

$(document).on('pagebeforeshow','#page2',
    function(){
                $('#submit').click(function() 
                {
                    var name = $("#username").val();
                    var surname = $("#usersurname").val();

                    alert(name + " " + surname);

                    $.post(
                        "http://localhost/rest/index.php/api/test/name/"+name+"/surname/"+surname+"/format/json", 
                        {'name':name,'surname':surname},
                        function(data)
                        {
                            alert(data.result);
                        },
                        "json");
                });         
              });

私の Codeigniter REST では、ベース URL を設定しており、次のコードがあります。

<?php

require(APPPATH.'/libraries/REST_Controller.php');
class API extends REST_Controller
{
    function test_post()
    {
        $name = $this->post('name');
        $surname = $this->post('surname');
        $result = "This is working ".$name." ".$surname;
        $array = array('result' => $result);
        $this->response($array); 
    }

}
?>

ユーザーが入力ボックスに情報を入力してからボタンをクリックすると、最初のアラートが表示されるため、js スクリプトは正常に動作しますが、何らかの理由で codeigniter REST に移動せず、結果を返すだけです。ページ1。

4

2 に答える 2

1

これは機能しません。phonegap モバイル アプリで localhost を使用することはできません。

このコードをモバイル デバイスでテストしている場合、$.POST の宛先は次のものではありません。

http://localhost/rest/index.php/api/test/name

お使いの電話の IP アドレスは、PHP サーバーとは異なります。

PHP サーバーの IP を見つけて、localhost をそれに置き換えます。

于 2013-01-29T13:11:03.637 に答える