簡體   English   中英

如何在 html 中將值從一個 URL 傳輸到另一個 URL

[英]How to Transfer the values from One URL to another URL in html

在下面需要一些幫助:

第 1 頁 URL: www.example.com ?name=emily&email=example@gmail.com

我在www.example.com/index.html上的當前代碼:

<html> 
<head>
<meta http-equiv="Refresh" content="0;url=www.test.com">
</head>
</html>

如何編寫代碼將“名稱”和“電子郵件”的值傳遞給另一個 URL?

它看起來像下面

所需頁面 2 URL: www.test.com ?name=emily&email=example@gmail.com

對不起,伙計們,我對 html 和 Javascript 很陌生,請幫助我通過添加所需的代碼來修改我的代碼,以便我可以使用它並運行。 提前致謝!

您可以使用window.location.search獲取查詢字符串並使用 `URLSarchParams 解析它

let queryString = window.location.search;

let urlParams = new URLSearchParams(queryString)

let name = urlParams.get('name') // get name 
let email = urlParams.get('email') // get email

let newUrl = `www.test.com?name=${name}&email=${email}` // build new url

使用帖子https://stackoverflow.com/a/7524621/14959189更新獲取元標記值:

 function getMeta(metaName) { const metas = document.getElementsByTagName('meta'); for (let i = 0; i < metas.length; i++) { if (metas[i].getAttribute('name') === metaName) { return metas[i].getAttribute('content'); } } return ''; } console.log(getMeta('myUrl'));
 <html> <head> <meta name="myUrl" http-equiv="Refresh" content="www.test.com"> </head> </html>

你可以做類似的事情

function appendQueryParams(sourceUrl, destinationUrl) {
  const url = new URL(sourceUrl);
  return `${destinationUrl}${url.search}`;
}

const newUrl = appendQueryParams('https://www.example.com?name=emily&email=example@gmail.com', 'https://www.test.com');

 <script> function replaceOrigin(url,newOrigin){ var splittingChar="" if(url.includes("/")){ url=url.split("/"); splittingChar="/" } else{ url=url.split("?"); splittingChar="?" } url=url[url.length-1] //ensures that url is ONLY the params var newUrl=newOrigin+splittingChar+url //joins the params from previous url to new origin return(newUrl) } //example usage var url1="www.example.com?name=emily&email=example@gmail.com" var myUrl=replaceOrigin(url1,"www.test.com") //you can replace anyhow you want console.log(myUrl) var x=document.createElement('meta') x.httpEquiv="Refresh" x.content=`0;${myUrl}` document.body.appendChild(x) //you would see something flash for a bit because something was logged on the console but then the url changed thanks to the meta tag.. </script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM