Javascript jQuery TextExt-指定url时的Ajax自动完成问题
我正在使用forJavascript jQuery TextExt-指定url时的Ajax自动完成问题,javascript,jquery,ajax,jquery-autocomplete,jquery-textext,Javascript,Jquery,Ajax,Jquery Autocomplete,Jquery Textext,我正在使用forautocomplete,使用它的示例json url data.json没有问题。但当我使用自己的url时,它类似于以下内容: $('#textarea').textext({ plugins : 'autocomplete filter tags ajax', ajax : { url :'/users/userApi.do?id=10&scopeType=all&username=user@this.com&passw
autocomplete
,使用它的示例json url data.json没有问题。但当我使用自己的url时,它类似于以下内容:
$('#textarea').textext({
plugins : 'autocomplete filter tags ajax',
ajax : {
url :'/users/userApi.do?id=10&scopeType=all&username=user@this.com&password=pass',
dataType : 'json',
cacheResults : true
}
});
它不起作用
从这个url返回的数据不是预先填充的,也就是说,它基于id和scopeType填充数据,并返回正确的JSON格式。(当我在浏览器上自行尝试并运行时,我可以在屏幕上看到正确的结果)
在本例中,JSON数据是否应始终预先填充
我没有使用autocomplete的经验,所以请在这里帮助我,或者如果有更好的方法来做这件事,如果你能与我分享,那就太好了 尝试去掉cacheResults选项,并确保返回JSON格式的结果数组。cacheResults对我来说不起作用,因为我的数据是动态的 下面是我工作的例子:
$('#marketingkeywords')
.textext({
plugins : 'autocomplete tags ajax',
ajax : {
url : '/ajax/getkeywords.php',
dataType : 'json',
cacheResults : false
},
autocomplete : {
enabled : true,
dropdown : {
position : 'above',
maxHeight : '60px'
}
}
})
;
另外,请确保您的URL使用类似于Chrome中的网络面板(响应选项卡)的方式返回数据。
我认为你犯了一些愚蠢的错误,比如将文件包括在插件js中,尝试将插件ajax文件添加为
<script src="js/textext.core.js" type="text/javascript" charset="utf-8"></script>
<script src="js/textext.plugin.autocomplete.js" type="text/javascript" charset="utf-8"></script>
<script src="js/textext.plugin.suggestions.js" type="text/javascript" charset="utf-8"></script>
<script src="js/textext.plugin.ajax.js" type="text/javascript" charset="utf-8"></script>
然后尝试上面的方法