jQuery的形式提交

Question

的index.php

<form method="post" action="read.php"> 
    <p>Name: <input type="text" name="name" value="" /></p> 
    <p><button type="submit">Okay</button></p> 
</form> 

我想要发送的名称值而无需刷新页面read.php。我想用jQuery。但是如何？

编辑： 我想做这个工作，而不刷新页面。好吧，我尝试了所有的例子，并按下好的按钮后，他们给我发送了read.php。我不想去read.php。

edit2：大声笑，我们不能发送一个值到另一个页面，而不刷新页面:)这样的耻辱对我们来说。大声笑

Answer 1

使用ajax窗体插件。 http://jquery.malsup.com/form/

Answer 2

查看documentation并查找示例“将一些数据保存到服务器并在用户完成后通知用户”。

Answer 3

使用$.post：

$.post(
    'read.php', 
    { 
     'name': $('input[name="name"]').val() 
    } 
); 

Answer 4

 

    
     $(document).ready(function(){ 
      $("#ajax-form").submit(function(){ 
       $.post( 
        "/read.php", 
        $("#ajax-form").serialize(), 
      ); 
      }); 
     }); 
     

，并与该ID Ajax的形式

Answer 5

Download jQuery形式，包括它在你的应用程序。

$(document).ready(function(){  
    jQuery('form').live('submit',function(event) { 
     $.ajax({ 
      url: $(this).attr('action'), 
      type: 'POST', 
      data: $(this).serialize(), 
      success: function(response) { 
       alert(response); 
      } 
     }); 
     return false; 
    }); 
});