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

下载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;
  });
 });

Answer 2

使用ajax表单插件。 http://jquery.malsup.com/form/

Answer 3

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

Answer 4

使用$.post ：

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

Answer 5

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

并使用id ajax-form制作表单