如何通过此表单触发搜索?

时间:2017-03-31 17:44:29

标签: javascript jquery html ajax forms

所以,我正在处理这个简单的问题,我有一个搜索表单,我希望用户输入搜索词。点击“输入”后,用户应转到Google设备页面查看搜索结果。一切正常,但搜索在一个特定的实例中不起作用,我不知道如何处理这个问题。基本上,搜索工作https://www.efg.ijk/?#如果我有'?#'在我的网址中。因此,它在我第一次尝试时不起作用,因为我的URL看起来像https://www.efg.ijk/。但是,在发送第一个搜索请求后,URL变为https://www.efg.ijk/?#并且后续搜索工作正常。

这是我写的代码:

<form id="search-nav" action="#">
                    <input class="search-field" placeholder="Search…" value="" title="Search:">
                    <button class="search-submit">
                            <span class="fa fa-search">
                                <span class="sr-only">Search</span>
                            </span>
                    </button>
                </form> 

重定向,AJAX:

$(document).ready(function() {
  $( ".search-submit" ).on( "click", function()  {
    $.ajax({
        success: function(){
            var value= $(".search-field").val();
            $(".search-field").val("");
            window.location.href =URL + value;
            //URL is the address and I am appending the query using value.
        },
        error: function() {
            alert("error");
        }
    });
  });
});

2 个答案:

答案 0 :(得分:0)

虽然经过这么多解释后,我无法理解确切的要求,但我仍然会建议你做些小改动,请尝试一下它是否适合你

HTML部分

                    <input class="search-field" placeholder="Search…" title="Search:">
                    <button class="search-submit">
                            <span class="fa fa-search">
                                <span class="sr-only">Search</span>
                            </span>
                    </button>

JQUERY Part

  $( ".search-submit" ).on( "click", function()  {

            var value= $(".search-field").val();
            $(".search-field").val("");
            window.location.href =URL +'#'+ value;
            //URL is the address and I am appending the query using value.
    });

答案 1 :(得分:0)

谷歌正在落后于谷歌搜索设备,所以你可能想开始寻找替代方案。这是一个选项,他们正在进行免费试用http://www.yippyinc.com/google-search-appliance-replacement