11

みなさん、こんにちは。よろしくお願いします。Phonegap2.1.0を使用しています。ホワイトリストでは、すべてが受け入れられます。

**<access uri="*" subdomains="true" />
<access origin=".*" subdomains="true"/>**

この関数を使用して、大学のWebサーバーからリモートのphpファイルを呼び出しています。

var postData = $(this).serialize();             
                $.ajax({
                    type: 'POST',
                    url: 'http://--/smartphone/login.php',
                    dataType : 'json',
                    data: postData,         
                    success: function(data){
                        alert("good");
                    },
                    error: function(){
                        alert('problem!');
                    }
                });

phpファイルは、次のようなデバッグ上の理由によるものです。

    <?php
header('Content-Type: application/json');
$sample = array(
    'name'=>'My Name',
    'email'=>'my_email@example.com'
);
echo json_encode($sample);
?>

しかし、ajaxリクエストは発生していません。Eclipseでは、[送信]をクリックするとこのエラーが発生し続けます。

JSCallback Error: Request failed with status 0 at file:///android_asset/www/js/cordova-2.1.0.js:3743

さらに、追加するのを忘れたのは、エミュレータからのリンクとしてURLを開くことができるということです。これは正常に機能します。

* htmlコード： *

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="css/index.css" />
   <script type="text/javascript" charset="utf-8" src="js/cordova-2.1.0.js"></script>
   <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
   <script type="text/javascript" src="js/index.js"></script>
   <title>Smart Greenhouse</title>
 </head>
 <body>
  <div id="container">
      <img src="css/images/smart_green_house.png" class="logo" alt="l1ogo" />
      <form id="login_form" class="first_display" >
          <label class="title"> E-mail:</label>
          <input id="1" type="email" class="input" size="45" name="email" />
          <label class="title"> password:</label>
          <input id="2" type="password" class="input" size="45" name="password" />
          <input id="3" class="submit_type" type="submit" value="login" />
      </form>
  </div>
 </body>
 </html>

私は検索しました私はほとんどウェブ全体だと思います...2日間の検索...すべてがテストされました..どうもありがとう..

4

3 に答える 3

3

ステップ1：phpファイルに2つのヘッダーを含める必要があります

header('Content-Type: application/json');
header("Access-Control-Allow-Origin: *");

ステップ2：インデックスページにcdnjqueryライブラリを含めます。

ステップ3：スクリプトを使用してフォームを正常に投稿する

<script type="text/javascript">
    $(document).ready(function() {
        $('form').submit(function(e) {
            var postData = $(this).serialize();
            $.ajax({
                type : 'POST',
                url : 'http://www.yoururl/test.php',
                dataType : 'json',
                data : postData,
                success : function(data) {
                    alert(data);
                },
                error : function() {
                    alert('error!');
                }
            });

            return false;
        });
    });
</script>

私はphonegapでテストしましたが、正常に動作しています。

于 2013-03-22T20:51:38.923 に答える
3

最後に、4〜5日後に検索しました。何かがうまくいきました。ajaxreturn falseコールバックの後に追加しました。そして、私は次のようにコードを変更しました：

$('form').submit(function(e){       
    if (password_ok==1 && email_ok==1)
            {
                var postData = $(this).serialize();
                $.ajax({
                    type: 'POST',
                    url: 'http://mysite.xx.x/smartphone/login.php',
                    dataType : 'json',
                    data: postData,         
                    success: function(data){
                        alert(data);
                    },
                    error: function(){
                        alert('error!');
                    }
                });
            }
        else
            {
            e.preventDefault();
            if (email_ok==2)
                {
                $("#1").css("border-color","red");
                $("#1").css("background-color","#FFD8CE");
                }
            if (password_ok==2)
                {
                $("#2").css("border-color","red");
                $("#2").css("background-color","#FFD8CE");
                }
            }
    return false;       
    });

ここでの唯一の問題は、成功したときにページがリセットされないことです。ただし、一度に1ステップずつ...

于 2012-11-10T10:01:36.390 に答える
2

その理由は「フォーム提出」によるものだと思います。ajaxコードはどこに置きましたか？index.jsで？

発生した例外は、「0==ページがアンロードされている」ことを意味します。

あなたの場合、フォームと同じページにあるindex.jsにajaxコードを入れていると思います。フォームを送信すると、ブラウザは現在のページのアンロードを開始し、フォーム送信の結果を含むページのロードを開始します。そのため、ajaxコードには「ページがアンロードされています」という例外が発生します。

フォーム送信を使用しないようにしてください。

于 2012-11-09T03:42:19.833 に答える