データだけでなく入力を示すPHPの応答

Question

私は2つのフィールドを持つ単純なフォームを持っています。私はフォームが提出されたときに私はフィールドの値をdivに表示するが、私は最初にPHPファイルに行く必要があります。

スクリプト：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("form").submit(function() { 
      $.post($(this).attr("form.php"), $(this).serialize(), function(data) { 
       $("#capacontenidora").html(data); 
      }); 
      return false; // prevent normal submit 
     }); 
    }); 
</script> 

HTML：

<div style="text-align: center;"> 
    <form method="post"> 
    <div>Camp:<input type="text" id="camp1" value="valor1" name="valor1"></div> 
    <div style="text-align-top;">Camp2:<input id="camp2" value="valor2" name="valor2"></div> 
    <div><input type="submit" value="enviar"></div> 
    </form> 
</div> 
<div id="capacontenidora"> 
</div> 

PHP：

<?php 
    echo $_POST['valor1']." ".$_POST['valor2']; 
?> 

問題は、それが再び値の入力を印刷していることであると私は、印刷したいです値は...私はserialize（）と関係があると思いますが、私は本当にそれを修正する方法はわかりません。大変ありがとうございます！

Answer 1

私はついにそれを解決し、他のポストでいくつかのコードを見つけ、実際に働いた。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('form').submit(function() { 
       $.post('form.php', $('form').serialize(), function (data, textStatus) { 
        $('#capacontenidora').html(data); 
       }); 
       return false; 
      }); 
     }); 
    </script>