jquery表单提交

时间:2011-02-13 15:38:26

标签: php jquery

的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。我不想去阅读.php。

edit2:lol,我们无法在没有刷新页面的情况下向另一个页面发送值:)这对我们来说是一种耻辱。洛尔

5 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

使用$.post

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

答案 4 :(得分:0)

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

并使用id ajax-form

制作表单