jQuery:如何修改函数内部的变量

时间:2013-10-27 16:57:01

标签: javascript jquery autocomplete

我有一个自动完成功能,用于帮助我在将行插入数据库时​​更快地添加关键字。内部函数我有一个变量,我已经存储了所有用于建议的关键字。将一行插入数据库后,使用AJAX,我从数据库中获取所有关键字,包括我刚添加的行中的关键字。

问题在于我想修改存储旧关键字的变量,方法是在AJAX中添加我刚从数据库中获取的关键字。

以下是代码:

var autocompleteKeywords = [ 'keyword 1', 'keyword 2', 'keyword 3' ];

// Autocomplete tags
$('#search_keyword').autocomplete({
    maxHeight: 400,
    width: 200,
    lookup: autocompleteKeywords
});

我想用AJAX获得的新关键字修改的变量是autocompleteKeywords

这是AJAX:

$.ajax({
    url: "ajax_actions.php",
    type: "GET",
    data: { action: "select_keywords" },
    dataType: "json",
    async: false,

    success: function(result)
    {
        autocompleteKeywords = result.keywords;
    }
});

2 个答案:

答案 0 :(得分:2)

您不需要自己处理数据源,有一个jQuery UI Autocomplete的配镜师可以满足您的需求:

看看:http://jqueryui.com/autocomplete/#remote

    $( "#birds" ).autocomplete({
      source: "search.php",
      minLength: 2,
      select: function( event, ui ) {
        log( ui.item ?
          "Selected: " + ui.item.value + " aka " + ui.item.id :
          "Nothing selected, input was " + this.value );
      }
    });

或此处:http://jqueryui.com/autocomplete/#remote-jsonp

$( "#city" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
      url: "http://ws.geonames.org/searchJSON",
      dataType: "jsonp",
      data: {
        featureClass: "P",
        style: "full",
        maxRows: 12,
        name_startsWith: request.term
      },
      success: function( data ) {
        response( $.map( data.geonames, function( item ) {
          return {
            label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
            value: item.name
          }
        }));
      }
    });
  },
  minLength: 2,
  select: function( event, ui ) {
    log( ui.item ?
      "Selected: " + ui.item.label :
      "Nothing selected, input was " + this.value);
  },
  open: function() {
    $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
  },
  close: function() {
    $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
  }
});

答案 1 :(得分:0)

假设您要从说明中添加来自数据库的关键字

我认为最好的方法是将默认数组与数据库中的传入值连接起来

success: function(result) {
    autocompleteKeywords = [].concat(autocompleteKeywords, result.keywords)
}