我正在使用jquery通过基于表单变量的php通过html获取html搜索结果表,并将其加载到div中。由于查询可能需要一些时间,因此我想显示某种形式的加载动画,但是不确定如何将其集成到我的jquery中。
这是我的代码:
$(function() {
$('#search_form').submit(function() {
var data = $("#search_form :input").serializeArray();
$('#results-panel').addClass('panel-primary');
var model_id = data[0];
$("#results").html('');
$.get("/search/find_products/"+model_id.value, function (data) {
$("#results").append(data);
});
return false;
});
});
我对jquery还是很陌生,因此此代码可能不是最有效的方法。任何意见,将不胜感激。
使用.show()
和确实很简单.hide()
。
$(function() {
$('#search_form').submit(function() {
$('#myLoader').show();
var data = $("#search_form :input").serializeArray();
$('#results-panel').addClass('panel-primary');
var model_id = data[0];
$("#results").html('');
$.get("/search/find_products/"+model_id.value, function (data) {
$("#results").append(data);
$('#myLoader').hide();
});
return false;
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句