Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   после отправки Ajax формы остается кнопка с индикатором загрузки (https://javascript.ru/forum/jquery/59073-posle-otpravki-ajax-formy-ostaetsya-knopka-s-indikatorom-zagruzki.html)

megoloman 26.10.2015 17:27

после отправки Ajax формы остается кнопка с индикатором загрузки
 
После сохранения данных через форму успешно происходит переход на нужную страницу, но кнопка save с индикатором загрузки не исчезает, помогите плыз

вот html
<script type="text/javascript">
jQuery(function() {
var form = jQuery("#myForm");
form.submit(function(e) {
jQuery("#sendbutton").attr('disabled', true)
jQuery("#sendwrapper").prepend('Loading...<img src="{% static 'static/images/ajax-loader.gif' %}" />')
jQuery("#ajaxwrapper").load(
form.attr('action') + ' #ajaxwrapper',
form.serializeArray(),
function(responseText, responseStatus) {
jQuery("#sendbutton").attr('disabled', false)
}
);
e.preventDefault();
});
});
</script>
<form id="myForm" action="" method="post">
<div id="ajaxwrapper">
{% csrf_token %}
{{ form.non_field_errors }}
{{form.as_p}}
</div>
<p id="sendwrapper"><input type="submit" value="save" id="sendbutton"/></p>
</form>

krasovsky 27.10.2015 07:46

Обернуть Loading...<img src="{% static 'static/images/ajax-loader.gif' %}" /> в тег, span например
и вместо
jQuery("#sendbutton").attr('disabled', false)
сделать
jQuery("#sendbutton").remove();
jQuery(".somespanclass").remove();

Но мне почему то кажется ты сам не знаешь чего хочешь.


Часовой пояс GMT +3, время: 23:31.