jQuery add URL parameter

Question

I have a jquery multiple drag and drop file uploader using dropzone.js.

I have added the following code to the dropzone code

  this.on("queuecomplete", function (file) {
      alert("&success=yes");

  });

So when the queue has completed it sends an alert at the moment however I want to change it so it so that using jquery it adds this as a parameter to the URL.

Any ideas how to do this using jquery?

I'm guessing you want to add the parameter to the current page's URL and reload the page with the URL plus the parameter. Is this the real question? — jonmrich, Aug 31 '15 at 18:35
This is jQuery specific. The duplicate question is javascript specific, and has no jquery tag. — Andrew, Mar 01 '19 at 14:40

score 34 · Accepted Answer · edited Apr 03 '20 at 06:45

34

This will do the job...

this.on("queuecomplete", function (file) {
      var url = document.location.href+"&success=yes";
      document.location = url;
  });

Option two (in case you already have one parameter)

this.on("queuecomplete", function (file) {
    if(document.location.href.contains('?')) {
        var url = document.location.href+"&success=yes";
    }else{
        var url = document.location.href+"?success=yes";
    }
      document.location = url;
  });

edited Apr 03 '20 at 06:45

Suit Boy Apps

3,005
8
36
54

answered Aug 31 '15 at 18:35

Leo Javier

1,295
9
17

4

...unless there's no `?` in the URL. – Blazemonger Aug 31 '15 at 18:48
that's a quick fix... give a sec – Leo Javier Aug 31 '15 at 18:50
there you go.... It will check if you have a paremeter in your url first and then it will add the right parameter – Leo Javier Aug 31 '15 at 18:53
3

I would recommend to use an standard URI/URL manipulation library for this, e.g. http://medialize.github.io/URI.js/ – Jaime Hablutzel Dec 31 '17 at 18:05
Uncaught TypeError: document.location.href.contains is not a function – user2924019 Apr 26 '18 at 15:38
@user2924019 [not all browsers support String.prototype.contains](https://stackoverflow.com/questions/19589465/why-javascript-contains-property-is-not-working-in-chrome-browser). Try replacing `.contains('?')` with `.indexOf('?') != -1`. – Michael Crenshaw Apr 26 '18 at 20:27
3

@LeoJavier, looks like [MDN recommends `.includes` instead of `.contains`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes) anyhow. – Michael Crenshaw Apr 26 '18 at 20:35
2

The question asks for jQuery solution, this uses no jQuery. – Andrew Mar 01 '19 at 14:26

jQuery add URL parameter

1 Answers1