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

Pra*_*ady 6 javascript ajax jquery webforms

我知道使用method = get发送表单值

<FORM METHOD=get ACTION="test.html">
Run Code Online (Sandbox Code Playgroud)

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

Nav*_*eed 15

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

如果你使用PHP:

形成:

<form action='test.php' method='GET' class='ajaxform'>
   <input type='text' name='email'>
</form>
Run Code Online (Sandbox Code Playgroud)

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

});
Run Code Online (Sandbox Code Playgroud)

test.php中你可以收到这样的电子邮件:

$_GET['email']

更多详情:

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