js add property to url param object

Question

I have a url that I create the following way:

let forwardBaseUrl = 'https://www.usergems.com/api/gmail/info?' + $.params({
                event: 'Click forwarded link',
                email: btoa(userEmail),
                properties: {
                    forwardId: btoa(forwardId)
                }
            });

Is there an easy way to later add a property to the properties object: I want the same result as this:

let forwardBaseUrl = 'https://www.usergems.com/api/gmail/info?' + $.params({
                event: 'Click forwarded link',
                email: btoa(userEmail),
                properties: {
                    forwardId: btoa(forwardId),
                    forwardUrl: 'http://google.at'
                }
            });

best would be a solution that merges the params. Similar to this (obviously not working):

forwardBaseUrl.params.push({properties: { forwardUrl }})

forwardBaseUrl+="&forwardUrl="+"google.at"

Jonas Wilms
– Jonas Wilms

2017-07-03 16:29:01 +00:00
Commented Jul 3, 2017 at 16:29 — Jonas Wilms
– Jonas Wilms, Commented Jul 3, 2017 at 16:29

Scott Marcus · Accepted Answer · 2017-07-03 16:41:13Z

First, the actual JQuery method is $.param(), not $.params().

Next, if you refactor your code to "build" the "params" object and set up a function that can add a property to your object, then you can regenerate the serialized result anytime you like:

var userEmail = "[email protected]";
var forwardId = "12345";

var props = {
    forwardId: btoa(forwardId)
};

var paramObj = {
  event: 'Click forwarded link',
  email: btoa(userEmail),
  properties: props
};

let forwardBaseUrl = 'https://www.usergems.com/api/gmail/info?' + $.param(paramObj);

console.log(forwardBaseUrl);

function changeProperties(prop, value, addRemove){
    if(addRemove){
      // Add new property to properties object
      props[prop] = value;
    } else {
      // remove property from properties object
      delete props[prop];
    }
}

// Add a new property to the params "properties" object:
changeProperties("forwardUrl", "http://google.at", true);

// Update serialized params
forwardBaseUrl = 'https://www.usergems.com/api/gmail/info?' + $.param(paramObj);

console.log(forwardBaseUrl);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

qiAlex · Accepted Answer · 2017-07-03 16:37:12Z

0

var restObj = {
  url: 'https://www.usergems.com/api/gmail/info?'
  params: {
     event: 'Click forwarded link',
     email: 'asda',
     properties: {
        forwardId: btoa('asd')
     }
  },
  getUrl: function () {
    return this.url + $.param(this.params);
  }
}

// now you can change params object restObj.params.properties.anotherParam = 'param';

// and get new url console.log(restObjgetUrl.)

answered Jul 3, 2017 at 16:37

qiAlex

4,3562 gold badges22 silver badges35 bronze badges

Collectives™ on Stack Overflow

js add property to url param object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related