如何避免AJAX向控制器传递空值？现有判断失效求正确代码

原代码的核心问题是：当输入框内容被全部删除时，$('#CP').val()返回的是空字符串""而非null，所以你写的if (CP == null)判断不会触发，导致空值依然被传递到控制器。另外代码里的$("#c.p").val(CP)是错误的选择器，应该是$("#CP").val(CP)（因为目标元素ID是CP，.p会匹配class为p的元素）。

以下是修正后的代码，会在输入值为空（或全是空格）时避免发送AJAX请求，同时保留可选的默认值逻辑：

$("#CP").on("change", function () {
    console.log("esta corriendo el onchange")

    var url = '/Propiedades/ListarColonias';
    var CP = $.trim($('#CP').val()); // 去除首尾空格，避免全空格被误判为有效值

    // 修正选择器错误
    $("#CP").val(CP);
    console.log(CP);

    // 判断值不为空时才发送请求
    if (CP !== "") {
        var data = { CodigoPostal: CP };

        $.post(url, data).done(function (data) {
            console.log(data);

            var $select = $('<select>');
            $select.append($('<option>').val('').text('Seleccione una colonia'));
            $.each(data, function (i, item) {
                $select.append($('<option>').val(item.idColonia).text(item.colonia));
            });

            $('#Colonia').html($select.html());
        });
    } else {
        // 可选：当值为空时，清空Colonia下拉框或设置默认提示
        $('#Colonia').html('<option value="">Seleccione una colonia</option>');
    }
});

关键修改说明： #

• 使用$.trim()去除输入值的首尾空格，避免用户输入全空格时被当作有效值传递
• 将判断条件改为CP !== ""，覆盖空字符串和全空格的情况
• 修正了错误的选择器$("#c.p")为$("#CP")
• 增加了空值时的处理逻辑（清空下拉框），提升用户体验
• 如果需要在空值时传递默认邮编（比如你原代码里的10640），可以把判断逻辑改成：

  if (CP === "") {
      CP = "10640"; // 设置默认值
  }
  // 直接发送请求
  var data = { CodigoPostal: CP };
  $.post(url, data).done(...);
  

内容的提问来源于stack exchange，提问作者Paolo fernando Flores Rivera