Как правильно сделать render (перенаправление) на другую страницу в JS?

Question

[Богдан]

Здравствуйте. Как правильно сделать render (перенаправление) на другую страницу в JS? Сейчас использую такой способ

window.location.assign(  $parentElem.data( 'path-products' ) +'?id=' + data )

Может есть более изящный способ, особенно в плане передачи параметров так что бы не конкатенировать строку, а например передавать обьект {id: id}? Спасибо.

Всем спасибо за ответы, вот может кому-то пригодится переписал под Coffeescript

assignLocation = (siteUrl, urlParams) ->

  serializeParams = (params) ->
    Object.keys(urlParams).reduce((acc, cur) ->
      acc += "&#{ cur }=#{ encodeURIComponent( urlParams[cur] ) }"
    , '').replace(/^&/, '')
    
  console.log "#{siteUrl}?#{serializeParams(urlParams)}"
#   //window.location.assign(`${siteUrl}?${serializeParams(urlParams)}`);

assignLocation('https://www.site.com/test',
   id: 324
   name: 'Jack'
   age: 25 ) # 'https://www.site.com/test?id=324&name=Jack&age=25'

Comments

[alex]

напишите свою реализацию, в чем проблема?

spoiler

function assignLocation(siteUrl, urlParams) {
  function serializeParams(params) {
  	// do stuff...
    return serializedUrlParams;
  }

  window.location.assign(`${siteUrl}?${serializeParams(urlParams)}`);
}

assignLocation('https://www.site.com/', {
  id: 324,
  token: 'ksahdof34u32a0a8sdaskjl234',
  name: 'Jack',
  age: 25
}); // => 'https://www.site.com/?id=324&token=ksahdof34u32a0a8sdaskjl234&name=Jack&age=25'

Answer 1

[alex]

function assignLocation(siteUrl, urlParams) {
	
	function serializeParams(params) {
		return Object.keys(urlParams).reduce((acc, cur) => {
			return acc += `&${ cur }=${ encodeURIComponent(urlParams[cur]) }`;
		}, '').replace(/^&/, '');
	}
	
	window.location.assign(`${siteUrl}?${serializeParams(urlParams)}`);
}

assignLocation('https://www.site.com/test', {
	id: 324,
	name: 'Jack',
	age: 25,
}); // 'https://www.site.com/test?id=324&name=Jack&age=25'

Answer 2

[Dark Hole]

Э... и так все правильно, а поддержки параметров url'а в объекте в DOM API нет.
Не зная задачи, это - самый удачный вариант. Хочется "красоты" - вынесите в функцию или используйте стороннюю библиотеку.

Answer 3

[Богдан]

Спасибо за ответы, вот на коленке накропал такое решение, может что то подправите? спасибо

function assignLocation(siteUrl, urlParams) {
  let serializeParams = ''
  for (let item of Object.entries(urlParams)) {
    serializeParams += `&${ item[0] }=${ item[1] }`
  }
  let url = `${siteUrl}?${serializeParams.slice(1)}`;
  //window.location.assign(url);
  console.log(url);
}

assignLocation('https://www.site.com/test', { id: 324, name: 'Jack', age: 25 } ); // https://www.site.com/test?id=324&name=Jack&age=25