如何仅在PHP变量非空时通过AJAX发送指定变量

你现在的需求是只把非空的PHP变量通过AJAX传给后端，对吧？我来给你调整下代码，核心思路是先构建一个基础的请求数据对象，再逐个检查变量是否非空，只有非空的才添加到对象里，这样就不会发送空值的参数了。

首先，先把PHP变量转成JS能直接识别的变量，避免在JS字符串里混写PHP可能出现的语法问题：

<?php
// 将PHP变量安全转换为JS可识别的格式
$js_description = !empty($description) ? json_encode($description) : 'null';
$js_hscode = !empty($hscode) ? json_encode($hscode) : 'null';
$js_from = !empty($from) ? json_encode($from) : 'null';
$js_to = !empty($to) ? json_encode($to) : 'null';
?>

<script>
// 接收PHP传递过来的变量
const description = <?php echo $js_description; ?>;
const hscode = <?php echo $js_hscode; ?>;
const from = <?php echo $js_from; ?>;
const to = <?php echo $js_to; ?>;

function searchFilter(page_num) {
    page_num = page_num || 0;
    // 初始化基础请求数据
    const requestData = {
        page: +page_num
    };

    // 逐个检查变量，非空则添加到请求数据中
    if (description) {
        requestData.desc = description;
    }
    if (hscode) {
        requestData.hscode = hscode;
    }
    if (from) {
        requestData.from = from;
    }
    if (to) {
        requestData.to = to;
    }

    $.ajax({
        type: 'POST',
        url: 'getData.php',
        data: requestData,
        beforeSend: function () {
            $('.container-fluid').waitMe(/* 这里补充你的waitMe配置 */);
        },
        // 别忘了补充请求完成后的回调逻辑
        success: function(response) {
            $('.container-fluid').waitMe('hide');
            // 这里处理后端返回的结果
        },
        error: function(xhr, status, error) {
            $('.container-fluid').waitMe('hide');
            console.error('请求出错:', error);
        }
    });
}
</script>

几个关键细节说明： #

• 用json_encode转换PHP变量是为了处理特殊字符（比如引号、换行），避免出现JS语法错误；
• 判断变量是否非空时，if (variable)会自动排除空字符串、null、undefined、0等假值，如果你只想排除空字符串，可以改成if (variable !== '')；
• 你原来的代码里"to" : "<?php $to ?>"少了print/echo，已经在上面的处理中修正；
• 记得补充AJAX的回调函数，比如请求完成后隐藏加载动画，避免页面一直处于加载状态。

这样修改后，AJAX请求只会携带page参数以及那些非空的变量，完全符合你的需求~

内容的提问来源于stack exchange，提问作者Ankit Mishra