单击搜索图标 ajax 方法后页面自动重新加载不会命中页面自动重新加载答案

【问题标题】：Page auto reload after click on search icon ajax method doesn't hit page auto reload单击搜索图标 ajax 方法后页面自动重新加载不会命中页面自动重新加载
【发布时间】：2019-07-10 18:03:40
【问题描述】：

当我点击<a> 时，我有一个搜索框，它点击了 JavaScript，但没有点击 ajax 方法 filter_data_guide_specs()，而是页面自动重新加载并且进一步不读取 JS

HTML

<div class="form-group">
  <input id="search_text_guide_specs" class="typeahead form-control" placeholder="Search" type="text" value="">
  <a href="" id="srchTxt_btn1"><span class="srch-btn fa fa-search"></span></a>
</div>

脚本

$(document).ready(function(){
    var searchTxt1 = '';
    $('#srchTxt_btn1').on('click',function(e){
        searchTxt1 = $('#search_text_guide_specs').val();

        e.preventDefault();

        filter_data_guide_specs();
        $('#search_text_guide_specs').val(searchTxt1);
    });

    function get_filter_guide_specs(class_name) {  
        var filter = [];
        searchTxt1 = $('#search_text_guide_specs').val();

    });
        return filter
    }

    function filter_data_guide_specs() {
        $.ajax({
            url: "{{url('guide-specs1')}}",
            method: 'POST',
            headers: {
                'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
            },
            data:{searchTxt1:searchTxt1} ,
            success:function(data){
                console.log(data);
            }
        });  
    }
});

路线

Route::post('guide-specs1', 'GuestController@specShare2');

filter_data_guide_specs(); 方法未命中。点击guide-specs1 routre 应该点击

【问题讨论】：

你的脚本充满了语法错误。也许从那里开始

标签： javascript jquery html ajax laravel

【解决方案1】：

函数“get_filter_guide_specs”中存在“意外令牌”问题。

function get_filter_guide_specs(class_name) {  
        var filter = [];
        searchTxt1 = $('#search_text_guide_specs').val();

   // }); - Remove this Unexpected token. once you remove you ajax will work on click.
        return filter
}

【讨论】：