使用 laravel 在 jquery 中使用 window.location.href

Question

代码：<script>    $(document).ready(function(){        $("#start-date-1").datepicker();        $("#end-date-1").datepicker();        $("#book_now").click(function(e){            e.preventDefault();            locations = $("#location").val();            start_date = $("#start-date-1").val();            end_date = $("#end-date-1").val();            guests = $("#guests").val();            if(locations=='' && start_date!='' && end_date!='' && guests!='')            {                $("#location").addClass("red_border");            }            else if(locations!='' && start_date!='' && end_date!='' && guests!='')            {                window.location.href="{{URL::to('s?location="+locations+"')}}";            }        });    });</script>在这段代码中，我只是获取值，locations, start_date, end_date, guests并且所有变量值都显示在警报中，但是当我单击book_now它时会重定向我，window.location.href但locations查询字符串中的值未正确显示。它是http://localhost/luxvacationrentalhomes.com/s?location=&quot;+locations+&quot;而且应该是http://localhost/luxvacationrentalhomes.com/s?location=2。我怎样才能解决这个问题？

Answer 1

window.location.href="{{URL::to('s?location="+locations+"')}}";

您在这里混合了前端/后端参考框架。里面的一切{{}}都由后端的模板引擎处理。您"在 javascript 中打开一个，然后在模板引擎中关闭它，这不起作用。

我使用 javascript 字符串替换来解决类似的问题，即在后端使用路由生成包含占位符的 url，然后使用 javascript 将实际值替换为前端的 url。

window.location.href="{{URL::to('s?location=ReplaceMeWithLocation')}}"
    .replace('ReplaceMeWithLocation', location);

或者，您可以使用字符串模板而不是占位符，但原理是相同的。

window.location.href=`{{URL::to('s?location=${location}')}}`

Answer 2

<script>

    $(document).ready(function(){

        $("#start-date-1").datepicker();

        $("#end-date-1").datepicker();

        $("#book_now").click(function(e){

            e.preventDefault();

            locations = $("#location").val();

            start_date = $("#start-date-1").val();

            end_date = $("#end-date-1").val();

            guests = $("#guests").val();

            if(locations=='' && start_date!='' && end_date!='' && guests!='')

            {

                $("#location").addClass("red_border");

            }

            else if(locations!='' && start_date!='' && end_date!='' && guests!='')

            {

                window.location.href="{{URL::to('s')}}" + "?location=" + locations;

            }

        });

    });

</script>