php - 提交数据不刷新页面并在表单下方实时显示数据

Question

有人知道如何在表单下方提交后显示数据吗？我有一个类似下面的代码来保存数据，但我想在保存数据后，它会显示在下面的表单中。我认为就像 facebook 发布墙一样。

<script type="text/javascript" >
$(function() {
   $(".submit").click(function() {
        var name = $("#name").val();
        var username = $("#username").val();
        var password = $("#password").val();
        var gender = $("#gender").val();
        var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;

        if(name=='' || username=='' || password=='' || gender=='')
        {
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();
        }
        else
        {
           $.ajax({
               type: "POST",
               url: "result.php",
               data: dataString,
               success: function(){
                  $('.success').fadeIn(200).show();
                  $('.error').fadeOut(200).hide();
               }
            });
         }
return false;
});


});
    </script>

Answer 1

只需在您的 ajax 请求成功后将您的响应附加到您指定的 HTML 元素（div、span 等）。

    $.ajax({
           type: "POST",
           url: "result.php",
           data: dataString,
           success: function(response){

              $('.success').fadeIn(200).show();
              $('#response').append(response);
              $('.error').fadeOut(200).hide();
           }
        });

响应将附加到您指定的 HTML 元素。