Getting the GET URL through jQuery/Ajax

Question

I'm looking to reload part of a page when a form is submitted using GET method. The following JavaScript runs, though I am unsure of how to get the submitted URL from the form?

I would have thought var link = jQuery(this).attr('GET'); or somethign would return it, and have tried URL etc... no luck though. Any ideas?

jQuery('form').submit(function(e){
    e.preventDefault();
    var link = jQuery(this).attr('GET'); //Get the href attribute
    alert(link);
    history.pushState('data', '', link);
    jQuery('#search_main_section').fadeTo(300,0.3,function(){
        load(link + ' #search_main_section', function(){ jQuery("#loader").hide(); 
        jQuery('#search_main_section').fadeTo(100,1, function(){}); 
    });
});

epascarello · Accepted Answer · 2012-10-18 13:16:51Z

3

var link = jQuery(this).prop('action');

And if you want the values of the form, you want to use serialize()

Example of using action and searlize with load.

$("#form1").on("submit", function(e) {

    e.preventDefault();

    var form = $(this);
    var action = form.attr("action") || window.location.href;
    var formValues = form.serialize();
    //example with get     
    //$.get(action, formValues, function(){ alert("done"); });
    //example with load
    var url = action + "?" + formValues;
    $.load(url + ' #search_main_section', function(){ jQuery("#loader").hide();
});

edited Oct 18, 2012 at 13:16

answered Oct 18, 2012 at 13:04

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

silly Over a year ago

and dont forget the return false; at the end!

Ollie Over a year ago

action only returns the main URL without the GET queries. Any ideas? Will that be through the use of serialize?

Ollie Over a year ago

Answered my own question... a combination of action and serialize is needed, with a question mark between. Thanks!

StaticVariable · Accepted Answer · 2012-10-18 13:05:34Z

0

<form action="something.php" method="POST">

</form>


jQuery('form').submit(function(e){
    e.preventDefault();
    var url = $(this).attr('action');
   ....// rest of code

answered Oct 18, 2012 at 13:05

StaticVariable

5,2934 gold badges26 silver badges46 bronze badges

Collectives™ on Stack Overflow

Getting the GET URL through jQuery/Ajax

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related