如何在jquery中使用get方法提交表单

时间:2010-09-28 16:40:11

标签: javascript jquery ajax webforms

我知道使用method = get

发送表单值
<FORM METHOD=get ACTION="test.html">

我有一个捕获电子邮件的文本框。当我使用GET方法提交表单时,@被转换为%40。 我曾经读过Jquery可以通过序列化发送数据的地方。怎么做到呢? 感谢

2 个答案:

答案 0 :(得分:14)

如果您想使用jQuery serialize()和GET方法提交表单,可以执行以下操作:

如果您使用PHP:

<强>形式:

<form action='test.php' method='GET' class='ajaxform'>
   <input type='text' name='email'>
</form>

<强> jQuery的:

jQuery(document).ready(function(){

    jQuery('.ajaxform').submit( function() {

        $.ajax({
            url     : $(this).attr('action'),
            type    : $(this).attr('method'),
            data    : $(this).serialize(),
            success : function( response ) {
                        alert( response );
                      }
        });

        return false;
    });

});

test.php 中,您可以收到以下电子邮件:

$_GET['email']

更多细节:

http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:1)

您可以使用NAVEED的答案发送所有表格。虽然如果您想发送单个字段,可以使用second parameter of the get function

  

jQuery.get(url, [data] ,[callback(data,textStatus,XMLHttpRequest)],[dataType])