PHP jQuery使用多个单词传递值 - PHP jQuery passing values with multiple words

PHP jQuery passing values with multiple words

本文关键字：单词传 jQuery PHP | 更新日期: 2023-09-27

我有一个jQuery，可以按颜色过滤查询中显示的一些项目。

问题出在"蓝色海军"等颜色上。显然jQuery没有传递这两个词或其他东西。当我回显_GET值的结果时，当传递 2 个单词的颜色时，我永远不会得到任何东西，而我确实得到了一个单词颜色的值。

知道为什么会这样吗？

这是我的代码：

jQuery(document).ready(function($) {
    $("input:checkbox").change(function() {
        if($(this).is(':checked')) 
            {
        $(".loadingItems").fadeIn(300); //fade in on change
        var color = $(this).val();
            $(".indexMain").load('indexMain.php?color='+color,function(){
            $(".indexMain").fadeIn(slow);
            })
            $(".loadingItems").fadeOut(300); //remove when load is complete
        }
        else 
            {
            $(".loadingItems").fadeIn(300); //fade in on change
$(".indexMain").load('indexMain.php');
                        $(".loadingItems").fadeOut(300); //remove when load is complete
            }
        });
    });
$color = $_GET['color'];
$items = $con -> prepare("SELECT * FROM item_descr WHERE color_base1 = :colorbase1");
        $items -> bindValue(":colorbase1", $color);

由于它是一个 GET 请求，因此该值将追加到查询字符串中，并且查询字符串不能包含常规空格。

在

查询字符串中使用值之前，您需要对值进行 url 编码：

$(function() {
    $("input[type='checkbox']").on('change', function() {
        if (this.checked) {
            $(".loadingItems").fadeIn(300);
            var color = encodeURI(this.value);
            $(".indexMain").load('indexMain.php?color=' + color, function() {
                $(".indexMain").fadeIn(slow);
                $(".loadingItems").fadeOut(300);
            });
        } else {
            $(".loadingItems").fadeIn(300);
            $(".indexMain").load('indexMain.php', function() {
                $(".loadingItems").fadeOut(300);
            });
        }
    });
});
$color = $_GET['color'];
$items = $con - > prepare("SELECT * FROM item_descr WHERE color_base1 = :colorbase1");
$items - > bindValue(":colorbase1", $color);

超全局$_GET应该在 PHP 脚本中自动进行 URL 解码。

var color = $(this).val().replace(/ /g, '+');

这将适用于您的情况，但更好的方法是使用 encodeURI，如 adenneo 所解释的那样