how do i submit a form using get method in jquery

Question

I am aware of sending form values using the method=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

Answer 1

Take a look at this: jQuery.get()

<div id="result"></div>

$.get('ajax/test.html', function(data) {
  $('#result').html(data);
});

What this function does is get the requested html and inject it into the result div.

Answer 2

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

If you use PHP:

Form:

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

});

In test.php you can get email like this:

$_GET['email']

More Detail:

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

Answer 3

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.

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