对于检索的总结

页面样式

            <div class="modal fade" id="ageModal" tabindex="-1" role="dialog"
                aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <ul class="list-group">
                            <li class="list-group-item filter-age" value="">不限</li>
                            <li class="list-group-item filter-age" value="19">20以下</li>
                            <li class="list-group-item filter-age" value="20">20到29</li>
                            <li class="list-group-item filter-age" value="30">30到39</li>
                            <li class="list-group-item filter-age" value="40">40到49</li>
                            <li class="list-group-item filter-age" value="50">50以上</li>
                        </ul>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>

每次点击后将 选中的值 赋给检索框

            $(".filter-job").click(function() {
                $('.op-job').attr('value', $(this).attr('value'));
                filterGet();
            });
            $(".filter-skill").click(function() {
                $('.op-skill').attr('value', $(this).attr('value'));
                filterGet();
            });
            $(".filter-age").click(function() {
                $('.op-age').attr('value', $(this).attr('value'));
                filterGet();
            });

发送请求

            function filterGet() {
                window.location.href = "/a/0c6818da-5173-11e6-998d-52543c3a2aa7/n?job="
                        + $('.op-job').attr('value')
                        + "&skill="
                        + $('.op-skill').attr('value')
                        + "&age="
                        + $('.op-age').attr('value');
            }

每当页面刷新，使其从URL中获得检索框的值

            $(document)
                    .ready(
                            function() {
                                $('.op-job').attr('value',
                                        getUrlParam('job') || '');
                                $('.op-skill').attr('value',
                                        getUrlParam('skill') || '');
                                $('.op-age').attr('value',
                                        getUrlParam('age') || '');
                                $('li.nanny')
                                        .click(
                                                function() {
                                                    window.location.href = "/a/0c6818da-5173-11e6-998d-52543c3a2aa7/n/"
                                                            + $(this).attr(
                                                                    'data-id');
                                                });
                            });

            function getUrlParam(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                var r = window.location.search.substr(1).match(reg); //匹配目标参数
                if (r != null)
                    return unescape(r[2]);
                return null; //返回参数值
            }