How to insert and modify string in jquery?

Question

This is the string received:
http://mysite.localhost.com/index.php?option=com_social&view=conversations&id=&Itemid=127

I need to change it into this:

index.php?option=com_social&amp;view=conversations&amp;layout=download&amp;fileid=279&amp;Itemid=127

things need to change:

1) add layout=download&fileid=VALUE IN VARIABLE&
2) id change to fileid

I've tried using url.substr(0, url.indexOf('conversations&')) to teh first string before the specific string.

Then manually added,

permanentlink = url.substr(0, url.indexOf('conversations&')); 
permanentlink+'conversations&layout=download&fileid='+id+'&Itemid=127'

But this keeps concatnating the string.. And I'm not sure the correct way of doing this.Can someone help?

your required string has changed the & to & is it how you want it? I assumed it was a typo error. — Rajshekar Reddy
– Rajshekar Reddy, Commented Nov 3, 2016 at 7:43

Norlihazmey Ghazali · Accepted Answer · 2016-11-03 07:47:17Z

1

Try replacing it using regex :

var url = 'http://mysite.localhost.com/index.php?option=com_social&view=conversations&id=&Itemid=127' + '&layout=download';
var newValue = 12222;
var newStr = url.replace(/id=/, 'fileid=' + newValue );
// remove this if doesnt want to replace &
var againNewStr = newStr.replace(/&/g, '&amp;');
alert(againNewStr);

answered Nov 3, 2016 at 7:47

Norlihazmey Ghazali

9,0701 gold badge26 silver badges42 bronze badges

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

Comments

Marcus · Accepted Answer · 2016-11-03 07:45:38Z

0

I would use a split on &. So you get a array with all (but one) options. Then you take the first element of the array and split it at ?. You can look at each option if it is needed and remove or let it inside the array. Then you can add you own options. If everything is ok you can join it and have you url.

(http://www.w3schools.com/jsref/jsref_split.asp)

(http://www.w3schools.com/jsref/jsref_join.asp)

Other approach is a replace with regex. (https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace)

answered Nov 3, 2016 at 7:45

Marcus

1,9402 gold badges18 silver badges28 bronze badges

Comments

haim770 · Accepted Answer · 2016-11-03 07:48:19Z

0

Your can use the URL api to achieve this:

var str = "http://mysite.localhost.com/index.php?option=com_social&view=conversations&id=&Itemid=127";

var url = new URL(str);
var urlParams = url.searchParams;

// add or replace certain keys
urlParams.set('layout', 'download');
urlParams.set('fileid', yourFileId);
urlParams.delete('id');

// the final url
var result = url.toString();

But, since this is still rather experimental (especially URLSearchParams) consider using a polyfill.

edited Nov 3, 2016 at 7:48

answered Nov 3, 2016 at 7:42

haim770

49.2k7 gold badges113 silver badges139 bronze badges

Collectives™ on Stack Overflow

How to insert and modify string in jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related