jquery ajax投稿とシングルページを取得

Question

私はいくつかのデータを投稿し、それらのデータを取得しようとしています。ページの負荷で私はデータを表示しています。できます。一度データを投稿すると、dbに投稿されますが、ページには表示されません。ページを読み込んだ後に表示されます。

データがページリロードなしで同じページに転記されると、そのデータを表示する必要があります。

は、ここに私のコードです：

<script> 
$(document).ready(function() { 
    $.ajax({ 
       type: "GET", 
       url: "employees.php", 
       success: function(data) { 
        $("#result").html(data); 
       } 
    }); 

    $("#create").click(function(e) { 
     e.preventDefault(); 
     var name = $("#name").val(); 
     var age = $("#age").val(); 
     var gender = $("#gender").val(); 
     var salary = $("#salary").val(); 
     $.ajax({ 
      url: "create_employees.php", 
      type: "POST", 
      data: 
       { 
        name:name, 
        age:age, 
        gender:gender, 
        salary:salary 
       } 
     }).success(function (response){ 
      console.log(response); 

     }); 
    }); 
}); 

<form> 
    Name : <input type="text" name="name" id="name"><br />   
    Age : <input type="age" name="age" id="age"><br /> 
    Gender: <input type="radio" name="gender" id="gender" value="male" checked>Male 
      <input type="radio" name="gender" id="gender" value="female">Female<br />`` 
    Salary: <input type="text" name="salary" id="salary"><br /> 
    <button id="create">Create</button> 
</form> 
<div id="result"></div> 

Answer 1

あなたはどこにでもページ上のデータを示していないので。

.success(function (response){ 
    console.log(response); 
}) 

これはちょうど1つのことです...コンソールに応答を記録してください。他に何もない。

何をしたいですか？ responseとは何ですか？どのようにページを更新しますか？まあ、それはあなた次第です。

response HTMLデータはありますか？

$('#someElement').append(response); 

がresponse JSONデータです：あなたは、要素の内容としてそれを追加することができますか？値を使用して、いくつかのHTML値を設定することができます：

$('#anElement').text(response.someValue); 

などです。ポイントは、ページにデータを表示する場合は、正確にそれを行うロジックを記述する必要があります。システムは自動的にあなたのためにそれを行う方法がありません。