javascript 将输入值传递给变量数组以创建URL字符串

9rnv2umw  于 2023-01-24  发布在  Java
关注(0)|答案(1)|浏览(82)

我试图解决的问题是,我想在一个页面上有一个简单的阶梯式表单,它收集一些基本数据来创建一个URL字符串,然后在另一个页面上填充一个计算器。
下面的代码:
变量参数= {用户:500,长度:24,路由器:"按月支付",};

var queryString = $.param(params);
var myurl = "/calculator/?" + queryString ;

$( ".results" ).click(function() {  
    window.history.pushState('', "", myurl);
});`

在上面的例子中,用户数量(500)、长度(24)和路由器(PayMonthly)是我想传递到上面代码中的变量,以便创建一个附加到URL上的字符串。
原则上,上面的代码可以使用我给它的静态值,但是我只是停留在如何从HTML输入中获取值上。
有人能帮忙吗?
谢谢
我试过将上面的代码传递到一个数组中进行解析,但是它没有给出预期的结果。

t9aqgxwy

t9aqgxwy1#

可以将$.serialize与包含所有输入的<form>元素一起使用。

let queryString = $('form').serialize();
let myurl = "/calculator/?" + queryString;
console.log(myurl);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input name="users" value="500"/>
  <input name="length" value="24"/>
  <input name="router" value="Pay Monthly"/>
</form>

相关问题