AJAX搜索系统与空格不工作

AJAX Search System with spaces not working

本文关键字：工作 空格 搜索 系统 AJAX      更新时间：2023-09-26

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

});

您应该对查询字符串进行编码，使其对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);
相关文章：