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

Question

下面是我正在使用的代码。 如果我搜索 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);


});

Answer 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);