jQuery仅在调试时有效？

Question

我有以下代码，自动完成功能仅适用于第一个字符，此后，它停止执行任何操作。 但是，如果在使用chrome dev工具进行调试时运行（这里和那里很少有断点），则可以正常工作。 所以也许有时间问题？

url是mvc控制器操作，它使用实体框架返回JsonResult，每次在调试时都会调用它，但仅针对未调试的第一个字母

任何帮助表示赞赏！

$(function () {

    $("#customer").autocomplete({
        source: function (request, response) {
            var term = $("#input").val();

            $.ajax({
                url: "/Home/AutoCompleteCustomer",
                type: "POST",
                dataType: "json",
                data: { term: term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.CUST_NM, value: item.CUST_NM };
                    }))
                },
                error: function (e) {
                    console.log(e);
                }
            })},
            minLength: 1
    });

// More code beyond...

});

更新 ：我应该指出，我正在使用聚合物组件paper-input-autocomplete： https : //customelements.io/rodo1111/paper-input-autocomplete/也许与它有关。

使用此组件，jason中的请求如下所示，这就是为什么我不能使用它的原因：JSON.stringify（request）; “ {” term“：” \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n客户名称\\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n必须输入客户名称！\\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n \\ n“}”

更新 ：切换到另一个组件。 感谢大家的帮助！

Answer 1

我怀疑你把你的term弄错了。

在jsfiddle中测试： https ：//jsfiddle.net/Twisty/eyt3jvgk/

的HTML

<div>
  Customer:
  <input type="text" id="customer" />
</div>

jQuery UI

$(function() {
  $("#customer").autocomplete({
    source: function(request, response) {
      //var term = document.querySelector('#input').value;
      var term = request.term;
      $.ajax({
        //url: "/Home/AutoCompleteCustomer",
        url: "/echo/json/",
        type: "POST",
        dataType: "json",
        data: {
          term: term,
          json: JSON.stringify([{
            CUSTNAME: "John"
          }, {
            CUSTNAME: "Sally"
          }])
        },
        success: function(data) {
          console.log(data);
          response($.map(data, function(item) {
            console.log(item);
            return {
              label: item.CUSTNAME,
              value: item.CUSTNAME
            };
          }))
        },
        error: function(e) {
          console.log(e);
        }
      });
    },
    minLength: 1
  });
});

使用伪数据，我能够得到结果。 request是在字段中输入的数据。 您是否需要从另一个字段获取数据？ 如果是这样，它将是：

var term = $("#input").val();

希望这可以帮助。

更新资料

如果您的数据结果是：

[
  {
    "CUST_NM":"Sabrina V Craigmile"
  },
  {
    "CUST_NM":"Sarah S Raasoch"
  }
]

然后item.CUSTNAME将无法找到结果，并且将为null 。

尝试：

success: function(data) {
  console.log(data);
  response($.map(data, function(item) {
    console.log(item);
    return {
      label: item.CUST_NM,
      value: item.CUST_NM
    };
  });
}