2013-07-24 64 views
5

我想問一下如何爲選項所做的AJAX調用添加額外的參數。我有以下簡單的形式來搜索資質(它在CoffeeScript中):爲ajax調用typeahead.js遠程選項添加額外的數據

$('#search_qualification').typeahead 
    name: 'qualification' 
    limit: 50 
    remote: 
    url: "/search/qualification?term=%QUERY" 

我想再派PARAM與AJAX調用,即state,通常使用jQuery AJAX調用,我應該這樣做:

$.ajax 
    url: "/search/qualification" 
    dataType: "json" 
    data: 
    term: request.term 
    state: $("#state").val() 

我完全無法適應typeahead.js,有人可以幫我在這裏嗎?非常感謝

回答

17

使用replace選項:

$('#search_qualification').typeahead({ 
    name: 'qualification' 
    limit: 50 
    remote: { 
    url: '/search/qualification?term=%QUERY&state=%STATE' 
    replace: function(url, query) { 
     var state = encodeURIComponent($('#state').val()); 

     return url.replace('%QUERY', query).replace('%STATE', state); 
    } 
    } 
}); 
+0

任何缺點在不使用'replace'並簡單修改'url',以適應任何額外的參數,例如'/搜索/資格術語=%QUERY&狀態= '+ encodeURIComponent方法($(' #狀態')VAL()。);' – Medorator

相關問題