空格不起作用的AJAX搜索系统

时间:2015-06-02 16:48:21

标签: javascript php ajax search

以下是我正在使用的代码。 如果我搜索Hello + World或Hello%20World,那么对数据库的搜索是正确的

但是,如果我使用Hello World,那么我不会收到任何结果。如何修改此代码以处理空格?

我对JAVA不是很好,所以我真的需要一些帮助!!

谢谢

$(document).ready(function(){
    //show loading bar
    function showLoader1(){
        $('.search-background1').fadeIn(200);
    }
    //hide loading bar
    function hideLoader1(){
        $('.search-background1').fadeOut(200);
    }   
    $("#pagesn .pages li").click(function(){
        //show the loading bar
        showLoader1();      
        $("#pagesn .pages li").css({'background-color' : ''});
        $(this).css({'background-color' : '#A5CDFA'});                
        $("#resn").load("funcs/func_search.php?page=" + this.className, hideLoader1);
    });

    // by default first time this will execute
    $(".1").css({'background-color' : '#A5CDFA'});
    showLoader1();
    $("#resn").load("funcs/func_search.php?page=1",hideLoader1);

    //For Search Results
    var qu=$("#a-j-search-term").val();


    $("#pages-search .pages li").click(function(){
        //show the loading bar
        showLoader1();      
        $("#pages-search .pages li").css({'background-color' : ''});
        $(this).css({'background-color' : '#A5CDFA'});
        var qu=$("#a-j-search-term").val(); 

        $("#ress").load("funcs/func_search.php?page=" + this.className +"&q="+qu, hideLoader1);
    });

    $("#ress").load("funcs/func_search.php?page=1&q="+qu,hideLoader1);


});

1 个答案:

答案 0 :(得分:1)

您应该对查询字符串进行编码,使其对URL的

有效
var qu   = encodeURIComponent( $("#a-j-search-term").val() );
var page = encodeURIComponent( this.className );

$("#ress").load("funcs/func_search.php?page=" + page + "&q=" + qu, hideLoader1);

或让jQuery处理它

$("#ress").load("funcs/func_search.php", {
    page : this.className, 
    q    : qu
}, hideLoader1);