如何在网站中通过URL通过Javascript放置参数
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在网站中通过URL通过Javascript放置参数相关的知识，希望对你有一定的参考价值。
我正在使用软件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">
然后这个序列号真正显示在本网站的输入中。
非常感谢你。
答案
这应该解决将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>以上是关于如何在网站中通过URL通过Javascript放置参数的主要内容，如果未能解决你的问题，请参考以下文章
求助如何在javascript中通过iframe url定位iframe
如何通过js跨域调用ASP.NET Web API （请问如何实现在javascript中通过http get的方式跨域调用ASP.NET Web API？）