数据库支持的输入字段的代理过滤器值

Question

背景

对于国家/地区字段，系统检测并默认为加拿大。对于城市字段，用户输入加拿大城市名称，并以 Facebook 风格填充。

国家/地区列表和城市列表均使用 AJAX 和 JSON 填充，这些数据来自使用代理的远程数据库（通过 PHP 查询）。

使用 MaxMind 的 GeoIP PHP API，该国家/地区默认为用户的原籍国。

当用户选择不同的国家/地区时，其两个字母的 ISO 代码必须作为参数传递给城市输入，以便驱动它的查询可以搜索所选国家/地区的城市。

例如，IP地址在加拿大的用户可以选择美国。当这种情况发生时：

1. 城市字段将被删除；
2. 城市领域获得关注；然后
3. 仅显示美国城市（根据用户类型）。

问题

以下 PHP 代码片段将城市列表的检索代理到远程服务器：

echo file_get_contents( 'http://server/city.dhtml?q=' . 
  urlencode( $_GET['q'] ) );

jQuery tokenInput 函数似乎没有提供传递附加内容的机制。相关的 jQuery 片段如下。

获取国家/地区

以下代码获取国家/地区代码和国家/地区列表。它将用户的国家/地区设置为默认国家/地区。

  // Where in the world?
  $.getJSON( 'geoip.dhtml', function( data ) {
    country = data[0].id;
  });

  // Select from countries that have significant amounts of data.
  $.getJSON( 'country.dhtml', function( data ) {
    var h = '';
    var len = data.length;

    for( var i = 0; i < len; i++ ) {
      var s = '';

      // Make the person's own country the default selection.
      if( data[i].id == country ) {
        s = '" selected="selected"';
      }

      h += '<option value="' + data[i].id + s + '">' + data[i].name + '</option>';
    }

    $('#country').html(h);
  });

获取城市

以下代码下载城市列表。 tokenInput 函数自动将 q 参数传递给 city.dhtml 的“本地版本”内的代码（PHP 源代码片段显示为多于）。 q 参数是用户为城市键入的文本。

  $('#city').tokenInput( 'city.dhtml', {
    hintText: "Type a city name.",
    tokenLimit: 1,
    classes: {
      tokenList: "token-input-list-facebook",
      token: "token-input-token-facebook",
      tokenDelete: "token-input-delete-token-facebook",
      selectedToken: "token-input-selected-token-facebook",
      highlightedToken: "token-input-highlighted-token-facebook",
      dropdown: "token-input-dropdown-facebook",
      dropdownItem: "token-input-dropdown-item-facebook",
      dropdownItem2: "token-input-dropdown-item2-facebook",
      selectedDropdownItem: "token-input-selected-dropdown-item-facebook",
      inputToken: "token-input-input-token-facebook"
    }
  });

city.dhtml 必须按国家/地区代码过滤城市。

问题

如何在不使用 cookie 的情况下向 city.dhtml 提供国家/地区代码？

想法

最新版本的token输入支持JSONP，有用吗？

谢谢你！

Answer 1

问题是一旦设置了输入，tokenInput URL 参数就无法更改。虽然也许可以删除现有的 tokenInput 并在每次选择新国家/地区时重新创建它，但解决方案将是一种 hack。

解决方案是使用 jQuery TokenInput 的补丁，该补丁允许根据函数调用的结果设置 URL 参数。

https://github.com/loopj/jquery-tokeninput/pull/77

应用补丁并使用以下代码动态更改查询：

  function cityURL() {
    return 'city.dhtml?c=' + $('#country').val();
  }

  $('#city').tokenInput( cityURL, { /* ... */ });

并在 jquery.tokeninput.js 中禁用缓存（第 650 行附近）：

    //var cached_results = cache.get(query);
    var cached_results = false;

Answer 2

很好的问题，+1！是什么让您无法这样做：

$('#city').tokenInput('city.dhtml?c=' + $('#country').val(), { /* ... */ });

您可能需要将其包含在 onChange 事件中，但它应该可以工作。