我遇到一个问题,当用户联合会话到期时,Typeahead会停止工作。我希望能够在Typeahead的“远程”调用失败时执行操作。具体如何处理Typeahead?在典型的ajax调用中是否会出现某种类似“错误”的回调?这是我目前的代码:
namespace App\Http\Controllers;
...
use App\User;
class UserController extends Controller
{
public function index()
{
// here I'd like to get the $sortable array
}
}
答案 0 :(得分:3)
处理错误的“正确”方法是使用prepare
函数向AJAX调用添加错误处理程序。如果您使用wildcard
选项,请注意prepare
会覆盖它。
例如,您可以将其转为:
new Bloodhound({
remote: {
url: REMOTE_URL,
wildcard: '%s'
}
});
进入这个:
new Bloodhound({
remote: {
url: REMOTE_URL,
prepare: function(query, settings) {
return $.extend(settings, {
url: settings.url.replace('%s', encodeURIComponent(query)),
error: function(jqxhr, textStatus, errorThrown) {
// show error message
},
success: function(data, textStatus, jqxhr) {
// hide error message
}
});
}
}
});
prepare
返回的对象用作jQuery.ajax()
的设置对象,因此您可以参考its documentation。
答案 1 :(得分:2)
Typeahead's Bloodhound建议引擎缺少在远程来源出现问题时通知用户的设施。
不是使用Bloodhound来获取建议,而是使用Typeahead的源代码选项(请参阅here)。通过在此处指定源,您可以处理错误并向用户显示适当的消息。
我在这里创建了一个例子:
http://jsfiddle.net/Fresh/oqL0g7jh/
答案的关键部分是源选项代码,如下所示:
$('.typeahead').typeahead(null, {
name: 'movies',
display: 'value',
source: function(query, syncResults, asyncResults) {
$.get(_url + query, function(movies) {
var results = $.map(movies.results, function(movie) {
return {
value: movie.original_title
}
});
asyncResults(results);
}).fail(function() {
$('#error').text('Error occurred during request!');
setTimeout("$('#error').text('');", 4000);
});
}
source选项正在使用jQuery的get方法来检索数据。发生的任何错误都由延迟对象的失败方法处理。在该方法中,您可以适当地处理任何错误并向用户显示适当的消息。由于源函数是用三个参数指定的,这会导致Typeahead将此调用默认为异步,因此调用:
asyncResults(results);
答案 2 :(得分:0)
试试这段代码
var hints = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace("value"),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: "/ProjectAssociation/CountryLookup?query=%QUERY",
wildcard: "%QUERY",
ajax: {
error: function(jqXHR) {
//do some thing
}
}
}
});