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

I am aware of sending form values using the method=get

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

<FORM METHOD=get ACTION="test.html">

I have a textbox which captures email. When i submit form using the GET method the @ is converted to %40. I had read somewhere that Jquery could send the data across by serializing. How can it be done? Thanks

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

2 个解决方案

#1

If you want to submit a form using jQuery serialize() and GET method, you can do something like this:

如果您想使用jQuery serialize()提交表单并获取方法，您可以这样做:

If you use PHP:

如果你使用PHP:

Form:

形式:

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

jQuery:

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

});

In test.php you can get email like this:

在测试。php你可以收到这样的电子邮件:

$_GET['email']

$ _GET['邮件']

More Detail:

更多的细节:

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

#2

You can use NAVEED's answer to send all the form. Although if you want to send a single field you can use the second parameter of the get function.

你可以用NAVEED的答案来发送所有的表格。如果你想发送一个字段，你可以使用get函数的第二个参数。

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

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

#1