无刷新页面提交数据并显示下面的表格中的数据

有人知道如何在提交表单后显示数据吗？我有一个类似下面的代码保存数据，但我想在保存数据后，它会显示在窗体的下面。我想像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>

来源

2012-07-25 Im Programmer

只是一个提示，但knockout.js很适合这种东西:) 所以你想提交数据...并立即与现有数据集成？ – Yoeri 2012-07-25 09:22:29

是什么问题？如果你有数据，只需填充'.success'元素并显示它。 – Tomer 2012-07-25 09:22:53

嗨..所以有可能添加网址示例：showdata.php到标签.success？ – 2012-07-25 09:27:41

只需在您的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元素。

来源

2012-07-25 09:47:00 Abhishek

无刷新页面提交数据并显示下面的表格中的数据

回答

相关问题