【发布时间】:2017-04-11 13:25:50
【问题描述】:
我正在做一个搜索引擎,我想在搜索时制作一个等待页面,就像航空公司的网站在寻找可用性时一样?有任何想法吗 我正在使用 Symfony2
【问题讨论】:
-
欢迎来到 Stack Overflow!请带上tour,四处看看,通读help center,尤其是How do I ask a good question?
标签: javascript php html symfony search
我正在做一个搜索引擎,我想在搜索时制作一个等待页面,就像航空公司的网站在寻找可用性时一样?有任何想法吗 我正在使用 Symfony2
【问题讨论】:
标签: javascript php html symfony search
您的问题不准确,但我认为您可以如下安排:
要在有人使用搜索表单后接管请求和响应的控制权,您需要接管提交事件并将其更改为 AJAX 请求。例如,您可以这样做(使用 JQuery):
$('body').on('submit', '#search_form', function (e) {
e.preventDefault();
loaderSwitch('on');
$.ajax({
type: 'POST',
url: searchservice_url_here,
data: serialized_entry_data_here
})
.done(function (data)
{
$('#result_place').html(
renderResults(data);
);
loaderSwitch('off');
})
.fail(function (jqXHR, textStatus, errorThrown)
{
$('#errors_place').html(
'<div class="alert alert-danger fade in">'
+ errorThrown
+ '</div>'
);
loaderSwitch('off');
});
});
地点:
loaderSwitch 是一个 javascript 函数,它显示或隐藏任何“等待结果”动画。searchservice_url_here - 是您的搜索方法的 URL serialized_entry_data_here - 是 JSON 格式,包含您要发布到搜索方法的数据renderResults 是您需要准备呈现结果的 javascript 函数。 result_place是div的id,要打印搜索结果的地方或者,您可以使用 HTML 响应并将其粘贴到#result_place
我希望这会有所帮助。
【讨论】: