Olá! Eu sei que parece boba a pergunta, mas não entendo o motivo de não estar funcionando.
Eu quero que ao enviar o formulário via ajax, enquanto a requisição é feita, o botão fique disabled
e o nome(texto) do botão seja alterado para salvando...
, sendo que, assim que a requisição for completada, o botão volte para o estado original.
Porem não está funcionado e não vi motivos para não funcionar.
* HTML *
<div class="modal fade" id="modal_operador" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div style="background-color: #337ab7" class="modal-header bg-primary no-border">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><i class="fa fa-flash"></i> Operador</h4>
</div>
<form id="frm_operador">
<div class="modal-body">
<div class="row">
<div class="form-group col-md-12">
<label for="nome">Nome</label>
<input type="text" id="txt_nome" class="nome form-control input-sm" name="nome" autocomplete="off" placeholder="Nome">
</div>
<div class="form-group col-md-12">
<label for="cpf">CPF</label>
<input type="text" id="txt_cpf" class="cpf form-control input-sm" name="cpf" autocomplete="off" placeholder="000.000.000-00">
</div>
<div class="form-group col-md-12">
<label for="login">Login</label>
<input type="text" id="txt_login" class="login form-control input-sm" name="login" autocomplete="off" placeholder="login.usuario">
</div>
<div class="form-group col-md-12">
<label for="senha">Senha</label>
<input type="password" id="txt_senha" class="senha form-control input-sm" name="senha" autocomplete="off" placeholder="******">
</div>
<div class="form-group col-md-12">
<label for="confirma_senha">Confirma Senha</label>
<input type="password" id="txt_confirma_senha" class="confirma_senha form-control input-sm" name="confirma_senha" autocomplete="off" placeholder="******">
</div>
<div class="form-group col-md-12">
<label for="situacao">Situação</label>
<select id="sel_situacao" name="situacao" class="situacao form-control input-sm">
<option value="1">Ativo</option>
<option value="2">Inativo</option>
</select>
</div>
</div>
</div>
<div class="modal-footer clearfix">
<button type="button" id="btn_salvar" class="btn btn-primary btn-flat pull-left"><i class="fa fa-save"></i> Salvar</button>
<button type="button" id="btn_cancelar" class="btn btn-default btn-flat" data-dismiss="modal"><i class="fa fa-times"></i> Cancelar</button>
</div>
</form>
</div>
</div>
</div>
$('#btn_salvar').click(function () {
form.validate();
if (form.valid()) {
salvar();
}
});
//Função Salvar
function salvar() {
form_objeto();
if (salvar_operador()) {
atualizar_tabela();
$('#modal_operador').modal('hide');
toastr.success('Operador salvo com sucesso');
}
}
//Método Salvar
function salvar_operador() {
var url;
if (_metodo_salvar == 'novo') {
url = "operador/novo";
} else {
url = "operador/atualizar";
}
$('#btn_salvar').html('<i class="fa fa-spinner fa-spin"></i> Salvando');
$('#btn_salvar').attr('disabled', true);
var ret;
$.ajax({
type: 'POST',
async: false,
datatype: 'json',
url: url,
data: {
'objeto': JSON.stringify(_obj_operador)
},
success: (function(data) {
_obj_operador = data;
$('#btn_salvar').html('<i class="fa fa-save"></i> Salvar');
$('#btn_salvar').attr('disabled', false);
limpar_modal();
ret = true;
}),
error: (function(erro) {
//TrataErroAjax(erro);
alert(erro);
ret = false;
})
});
return ret;
}
JSON.stringify
? o jQuery já faz isso.JSON.stringify
para para serializar o objeto para JSON.JSON.stringify
, basta passaresdata: _obj_operador
. Dá algum erro na consola? podes ver o ajax na consola se está pendente ou resolve?JSON.stringify
pois vou ter que enviar arquivo pelo formulário e então usar omultipart/form-data
e no ajax vou ter que fazer mais ou menos assimvar formData = new FormData($('#form')[0]);
. Aproveitando, sabe se é possivel serializar de forma que eu possa fazer upload de arquivos ?