Javascript 基于搜索查询键更新页面内容

我使用下面的代码在keyup上用搜索结果更新页面。如果

值

不包含空格，则此操作有效。一旦输入空间，页面将不会更新。加载参数是否必须以某种方式格式化

var minlength = 3;

    searchBox.keyup(function () {
        var value = $(this).val();

        if (value.length >= minlength ) {
            $(".container").load("/media/search/?query=" + value + " " + ".searchresults")
        }
    });

是的，空格字符（以及许多其他字符）不能直接在URL中使用。您应该使用JavaScript内置函数

encodeURIComponent（someString）

。因此，在你的情况下：

    searchBox.keyup(function () {
        var value = $(this).val();

        if (value.length >= minlength ) {
            $(".container").load("/media/search/?query=" + encodeURIComponent(value) + " " + ".searchresults")
        }
    });