none
Evento click Jquery RRS feed

  • Pergunta

  • Galera tenho dois eventos click no mesmo botão, o primeiro abre uma caixa de dialogo e depois deveria executar o ajax. Porem ele está abrindo a caixa de dialogo e está executando o ajax ao mesmo tempo. Como posso fazer para que depois que o usuário clicar no botão ok do modal, execute o ajax ?

    Segue o código:

     $(document).ready(function () {
                $("#salvar").on('click', function () {
                    $("#dialog").dialog();
                });
            });
    
            $(document).ready(function () {
                $("#salvar").on('click', function () {
                    var id = $(this).attr('ID');
                    var name = $(this).attr('name');
                    var value = $(this).attr('value');
    
                    $("#UserID").val(id);
                    $("#Name").val(name);
    
                    $.ajax({
                        url: '/Default/Salvar',
                        data: { id: $("#UserID").val(), name: $("#Name").val() },
                        type: "POST",
                        traditional: true,
                        success: function (retorno) {
                            superiorValido = retorno.ok;
    
                            $('#Result').val(retorno.nome);
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            debugger;
                        }
    
                    });
    
                });
            });
    Obrigado


    SirSmart

    sábado, 4 de março de 2017 14:56

Respostas

  • REsolvido, segue:

     $(document).ready(function () {
                $("#salvar").on('click', function () {
                    $("#dialog").dialog({
                        modal: true,
                        buttons: {
                            Ok: function () {
                                var testStory = $('#nomeTestStory').val();
                                $(this).dialog("close");
    
                                $.ajax({
                                    url: '/Default/Salvar',
                                    data: { nomeTestSTory: testStory }, //, name: $("#Name").val() },
                                    type: "GET",
                                    traditional: true,
                                    success: function (retorno) {
                                        superiorValido = retorno.ok;
    
                                        $('#Result').val(retorno.nome);
                                    },
                                    error: function (xhr, ajaxOptions, thrownError) {
                                        debugger;
                                    }
    
                                });
                            }
                        }
                    });
                });
            });

    Obrigado


    SirSmart

    • Marcado como Resposta SirSmart sábado, 4 de março de 2017 18:52
    sábado, 4 de março de 2017 18:52