2017-12-08 17 views
0

編集:CavidKərimovの答えが機能します。以下のようにフォームを設定することもできます。ajax - データを取得できません(同じドメイン)

<form onsubmit="return false;"></form> 

私は、以下のようにjQueryとAJAXを使用してPHPファイルからテキストの単純な文字列を取得しようとしている:

index.htmlを

$.get("echo.php", function(data, status) { 
    console.log("success: " + data); 
}).fail(function(jqXHR, textStatus, error) { 
    console.log("failed: " + JSON.stringify(jqXHR)); 
}); 

echo.php

<?php 

    echo "echoed from php successfully"; 

?> 

次のエラーが表示されます。

failed: {"readyState":0,"status":0,"statusText":"error"} 

私はちょっと調べてみましたが、これは同じ起源のポリシーのために起こりますが、HTMLファイルとPHPファイルが同じフォルダに保存されているためサーバ。

server directory (can't post images because it requires 10 reputation)

+3

は、あなたがお使いのブラウザでちょうどオープンのphpファイルにしようとしたことがありますか? –

+0

ネットワークのリクエストを検査します(Chrome Devtoolsなど)。それはあなたに何を伝えているのですか?あなたはその写真を追加できますか? –

+0

良い点@SenadMeškinその場合は、[この質問]を参照してください(https://stackoverflow.com/questions/3004696/is-there-a-simple-php-development-server) –

答えて

0

使用本と何が起こったのかを教えて:

  $("#go").click(function() { 
       console.log("clicked"); 

       var $id = $("#id").val(); 
       console.log("id: " + $id); 

       $.get("echo.php", function(data) { 
        console.log("success: " + data); 
       }).fail(function(data) { 
        console.log("failed: " + data); 
       }); 

      return false;      
      }); 
+0

あなたが投稿する前に、ちょうど1秒で実用的な解決策を見つけましたが、あなたも試しました。それは素晴らしかった! AJAXリクエストが完了する前に(何らかの理由で)ページがリフレッシュされていました。 –

+0

あなたが書いていないので - >偽を返します。 –

関連する問題