2017-01-21 7 views
0

私のコードで何が間違っているか知っていますか?私はそれがうまくいくと思った。 ウェブサイトを更新せずに、入力からデータをエコーし​​たいだけです。 Ajaxがデータを送信しましたが、phpはそれらを表示しませんでした。理由を理解できません。PHPは、AJAXによって送信されたデータをエコーし​​ませんでした

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() 
     { 
      $(document).on("submit", ".form", function() 
      { 
       event.preventDefault(); 
       $.ajax({ 
        type: 'POST', 
        url: 'http://dev.nostools.cz/', 
        data: $('.form').serialize(), 
        success: function() { 
         //alert('form was submitted'); 
        } 
        }); 
      }) 
     }); 

    </script> 
    <div style="width: 250px; height: 100px;"> 
     <div id="show" style="width: 100%; height: 80%; overflow-y: scroll; border: 1px solid black;"> 
     <?php 

      if (isset($_POST['submit'])) 
      { 
       echo $_POST['console']; //echo data or do something here 
      } 

     ?> 
     </div> 
     <div style="width: 100%; height: 20%;"> 
      <form class="form" method="post"> 
       <input id="console" style="padding: 0; width: 67%;" type="text" name="console" /> 
       <input style="padding: 0; width: 31%;" type="submit" name="submit" /> 
      </form> 
     </div> 
    </div> 
+1

別のドメインにPOSTを送信することはできません。おそらくCORSエラーが発生しています。デベロッパーコンソールを確認してください。 – Farkie

+0

POSTリクエストを同じページに送信しようとしていて、すぐに表示されるとしますか? –

+0

はいデータをわかりやすく表示したい –

答えて

0

PHPはPHPスクリプトのみをサーバ側で実行されるサーバーサイドのスクリプト言語であるため... ここでは、正しい方法ではありません、クライアント側のPHPスクリプトは、データを表示するために..実行/対処しようとしている次のようにしますあなたの成功関数の変化。

$.ajax({ 
       type: 'POST', 
       url: 'http://dev.nostools.cz/', 
       data: $('.form').serialize(), 
       ***success: function (data) {*** 
        $("#show").html($("#console").val()); 
       } 
       }); 


<?php 
    $_POST['console']; 
    //process your data. 
    echo $processed_data; 
?> 
+0

PHPで修正したデータをページに戻して表示したいのですが、どうすればいいですか? –

+0

あなたは何を見せなければなりませんか?コンソールの値を入力タイプ –

+0

から入力して、そのデータをphpに入力して「phpで編集」して表示したいのですが、わかったらページを更新しないでください –

関連する問題