问jQuery .ajax()请求不触发

EN

我正在尝试对我的web服务器进行AJAX调用，以获取有关城市的信息。

• 我在页面上有一个选择下拉列表，填充了3个值:空白、“纽约，纽约”和“安娜堡，MI”。
• 当一个项目被选中时，城市的名称被重新格式化:空格被转换成'-‘
• 然后.ajax()被激发到"/data/city“
• 当服务器响应时，它使用检索到的JSON对象调用alert()。

代码：

$( document ).ready(function() {
  $('#city').change(function () {
    var city = $.trim($(this).val()).replace(/ /g,"-");
    if(city.length > 0)
    {
      var url = "/data/cities/" + city;
      $.ajax({
        url: url,
        context: document.body,
        dataType: 'json'
      }).done(function(data) {
        alert(data);
      });
    }
  });
});

出于某种原因，.ajax()电话有时拒绝开火。当url等于时，从不会发出传出HTTP请求：

• /data/cities/New-York,-NY

但是，当url等于：

• /data/cities/New-York-NY (无逗号)
• /data/cities/New-York,NY (无破折号)
• /data/cities/New-York,-NYC (附加字符)
• /data/cities/Ann-Arbor,-MI (类似格式)

我已核实：

• 浏览器在“失败”时不会发出传出HTTP请求(通过Chromium的“Network”选项卡进行检查)
• web服务器接收所有URL的HTTP请求，但这个有问题的URL除外
• 页面上没有Javascript错误

我漏掉了什么明显的东西吗？这似乎真的很奇怪，.ajax()不会为这个特定的网址.

编辑：

向.ajax()请求添加了一个错误回调。它失败了，出现了状态=“拒绝”和statusText =“错误”的错误。

根据请求，页面上的<select>标记：

<select id="city">
  <option value=""></option>
  <option value="New York, NY">New York, NY</option>
  <option value="Ann Arbor, MI">Ann Arbor, MI</option>
</select>