Can't pass querystring using $.ajax

Question

Using the code below will not add the query string 'section' to the link. The url adds just fine but what am i doing wrong with the query string?

@Html.Hidden("Url", Request.RawUrl)
@Html.Hidden("Query", sectionGroup.Term)

<a href="#" id="ajaxLink">@sectionGroup.Term</a>

<script>
  $("#ajaxLink").click(function () {     
    $.ajax({
      type: "POST",
      url: $("#Url").val(),
      data: { section : $("#Query").val() }
    }).done(function() {

    });
  });
</script>

You got confused between querystring and POST data. First decide what you want to pass, those are two different things. — user447356
– user447356, Commented Oct 29, 2013 at 13:42
I want to add a querystring to the url like: www.url.com/?section=value — Andy
– Andy, Commented Oct 29, 2013 at 13:47

Community · Accepted Answer · 2017-05-23 10:31:48Z

1

There are differences between GET and POST.

Take a look at this: What is the difference between POST and GET?

The code working is here: http://jsfiddle.net/felipemiosso/WtQsF/

javascript

$('#ajaxLink').click(function() {
    var $this = $(this);
    $this.attr('href', '?section=' + $('#query').val());
});

The code takes the existing href and replace it with the desired. Maybe you may need to adapt a little bit ...

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Oct 29, 2013 at 13:54

Felipe Miosso

7,3396 gold badges46 silver badges56 bronze badges

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

Comments

Nigel Ellis · Accepted Answer · 2013-10-29 13:49:49Z

0

You will need to change the type: "POST" to type: "GET" for the query string to be passed.

answered Oct 29, 2013 at 13:49

Nigel Ellis

6011 gold badge8 silver badges18 bronze badges

Collectives™ on Stack Overflow

Can't pass querystring using $.ajax

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related