3

On my webpage I have an iframe like:

"https://localhost:4200/myroute/mypage.html?name=batman&alias=bruce

What I want is that when I click a button present on the iframe, the iframe reloads with new query parameters I specify (or pass to a function), say

"https://localhost:4200/myroute/mypage.html?name=superman&alias=clark

I want the part before the query params to be unchanged; as I could have this iframe on multiple pages.

Is there any way to achieve this? I browsed through some similar questions on SO, but that didn't help.

Thanks.

PS - I want the solution using pure javascript; no frameworks.

EDIT: I've temporarily gotten it to work with some help from this answer.

var fixedPath = window.location.href.split('?')[0];
window.location.href = `${fixedPath}?name=superman&alias=clark`

This reloads my iframe as required:

Problems: 1) I've no idea if this code is good for different browsers. Or if it violates any good practices.

2) I have to pass all the param keys and values as a string; as against using it from an object like

{
    name: 'batman',
    alias: 'bruce',
}

Sure, I could traverse the object and store the keys and values in variables which I then use in my string. But that seems convoluted. Are there any APIs which would let me directly specify the value of a particular parameter?

Improve this question
5
  • 2
    What code have you tried? Commented Apr 13, 2017 at 7:42
  • @Krypton: see edit. Commented Apr 13, 2017 at 8:30
  • You can look at stackoverflow.com/questions/14525178/… to get url parameters from a json object. Commented Apr 13, 2017 at 9:03
  • did you ever figure this out? Commented Oct 28, 2020 at 18:30
  • Nope, I guess I went with the approach outlined in the edit. Commented Oct 28, 2020 at 18:39
Related questions
152
How to refresh an IFrame using Javascript?
0
Refresh iframe in javascript
6
Refresh an iframe
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.