如何在网站中通过URL通过Javascript放置参数

Question

我正在使用软件rimacon。我正在使用此URL：http://www.jabra.com.de/Support/warranty-checker

我想从Javascript（rimacon）发送序列号的值到这个网站的输入:(见图片）

在这个网站上，我点击右边的鼠标，然后点击“检查元素/元素Untersuchen”。我得到这个HTML代码：

<input type="text" class="serial-number">

我想把它变成：

<input type="text" class="serial-number" value="xXx">

然后我写URL如下：

http://www.jabra.com.de/Support/warranty-checker/?xXx="0QYG06DF3FA"

或者我想将此代码更改为：

<input type="text" class="serial-number" name="PUT-Serial-number">

然后我写URL如下：

http://www.jabra.com.de/Support/warranty-checker/?PUT-Serial-number="0QYG06DF3FA"

我尝试使用setAttribute或createAttribute等代码来解决这个问题：

例如：

//var x = document.getElementsByClassName("serial-number").href="http://www.jabra.com.de/Support/warranty-checker";

var x = document.querySelectorAll("input.serial-number[href^='http://www.jabra.com.de/Support/warranty-checker']");


var y = x.innerHTML = "value="+seriennummer;

alert("y:  "+y);
alert("Länge :  "+y.length);


//var attr = document.createAttribute("Value");
//attr.value=seriennummer;

//var attr = x.setAttribute("Value",seriennummer);

//alert("attr:  "+attr.value);

// this shall open window and show the serialnumber in this websites
url = escape("http://www.jabra.com.de/Support/warranty-checker");
var hpwindow = window.open("http://xxx:8081/sprungxbrett.php?TARGET="+url);  
hpwindow.focus();

本代码与onclick（）有关。

拜托我需要你的帮忙！有没有办法解决这个JS-Code！

因为在“Inspect element / Element Untersuchen”中，您可以在其中添加属性值

<input type="text" class="serial-number" value="0QYG06DF3FA">

然后这个序列号真正显示在本网站的输入中。

非常感谢你。

Answer 1

这应该解决将URL参数作为JSON格式（在这里不显示任何内容，尝试使用url params的任何测试文件，例如：test.html？this = that＆that = this）

<p id="result"> result: </p>

<script>
function getUrlVars() {
	var map = {};
	var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
		map[key] = value;
	});
  
  //get your values as JSON, one of the following
	console.log(map);
	document.getElementById("result").innerHTML += JSON.stringify(map);
	return map;
  
}

getUrlVars()
</script>