从用户输入到搜索的动态URL

时间:2016-02-02 13:17:14

标签: javascript url dynamic

我想要完成的任务:当用户输入日期,成人数量等时,它会通过javascript动态地将信息添加到网址变量中的URL。这就是我到目前为止所做的:(我是Noob但是试图让它起作用)

    <script type="text/javascript">
    $(function () {
$('#submit').click(function() {
        $('#button').click(function(e) {
                var checkInDate = document.getElementById('checkInDate').value;
                        var checkInMonthYear = document.getElementById('checkInMonthYear').value;
                        var checkOutDate = document.getElementById('checkOutDate').value;
                        var checkOutMonthYear = document.getElementById('checkOutMonthYear').value;
                        var numberOfAdults = document.getElementById('numberOfAdults').value;
                        var rateCode = document.getElementById('rateCode').value
                window.location.replace("http://www.Link.com/redirect?path=hd&brandCode=cv&localeCode=en&regionCode=1&hotelCode=DISCV&checkInDate=27&checkInMonthYear=002016&checkOutDate=28&checkOutMonthYear=002016&numberOfAdults=2&rateCode=11223");

    window.location = url;
});

});         

1 个答案:

答案 0 :(得分:0)

好的,首先要做的事情是:你可能根本不需要这样做。如果您创建表单并为每个输入添加name属性,则提交会自动为您创建URL。固定值字段可以设置为type="hidden"

为此,您需要使用“GET”方法。

<form action="http://www.Link.com/redirect" method="GET">
  <input type="hidden" name="path" value="hd"><br>
  <input type="hidden" name="brandCode" value="cv"><br>
  <input type="hidden" name="localeCode" value="en"><br>
  <input type="hidden" name="regionCode" value="1"><br>
  <input type="hidden" name="hotelCode" value="DISCV"><br>
  <input type="text" name="checkInDate"><br>
  <input type="text" name="checkInMonthYear"><br>
  <input type="text" name="checkOutDate"><br>
  <input type="text" name="checkOutMonthYear"><br>
  <input type="text" name="numberOfAdults"><br>
  <input type="text" name="rateCode"><br>
  <input type="submit">
</form>

点击“提交”会将网址更改为所需的网址。

如果这不符合您的需求,您可以按照此SO答案中的建议替换URL中的参数:Answer Link

这比尝试自行重新实现URL操作要好得多。