none
MVC - Consultar Cep RRS feed

  • Pergunta

  • Estou com duvida de como proceder para consultar cep em "http://republicavirtual.com.br/cep/".

    Claro em uma aplicação em mvc.

    Obrigado.


    segunda-feira, 4 de maio de 2015 17:25

Respostas

  • <script>
        $(document).ready(function () {
            $("#txtCep").change(function () {
                alert("x");
                $.ajax({
                    type: "GET",
                    url: "http://cep.republicavirtual.com.br/web_cep.php",
                    data: { cep: $("#txtCep").val(), formato: "json" },
                    success: function (data) {
                        alert(data.bairro);
                        $("#txtBairro").val(data.bairro);
                        $("#txtCidade").val(data.cidade);
                    }
                });
            });
        });
    </script>


    Att. Andre de Mattos Ferraz

    segunda-feira, 4 de maio de 2015 19:18
  • <input type="text" id="txtCep">
    <input type="text" id="txtBairro">
    <input type="text" id="txtCidade">


    <script>
    $(document).ready(function(){
      $("#txtCep").change(function(){
        $.ajax({
          type:"GET",
          url:"http://cep.republicavirtual.com.br/web_cep.php",
          data:{cep: "00000000", formato:"json"},
          success: function(data){
            $("#txtBairro").val(data.bairro);
            $("#txtCidade").val(data.cidade);
          }
        });
      });
    });
    </script>
    Peguei o exemplo do andré e completei como seria utilizando os inputs.
    segunda-feira, 4 de maio de 2015 18:38
  • Possivelmente você quer realizar uma requisição para buscar o endereço após o cep ser preenchido no frontend, correto?

    Você pode usar JQUERY para realizar essa requisição desta forma:

    $.ajax({ type: "GET", url: "http://cep.republicavirtual.com.br/web_cep.php", data: { cep: "91010000", formato: "json" }, success: function( data ) { alert(JSON.stringify(data));

    //data.bairro

    //data.cidade }, dataType: "json" });

    Dentro da callback de sucesso vc precisa inserir sua lógica de acordo com sua necessidade.


    Att. Andre de Mattos Ferraz



    segunda-feira, 4 de maio de 2015 18:12
  • posta seu código aqui.
    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 20:52
    segunda-feira, 4 de maio de 2015 19:02
  • Ele ta está caindo aqui "alert("x");"? Está mostrando dois alerts, um com X e outro vazio?

    Att. Andre de Mattos Ferraz


    segunda-feira, 4 de maio de 2015 19:09
  • Já sei... é o CEP 0000000000... Coloque um valor de um cep correto... Ou pegue ele do campo CEP da sua pagina.

    Att. Andre de Mattos Ferraz

    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 19:27
    segunda-feira, 4 de maio de 2015 19:12
  • Passei o cep forçado foi, agora como passo o campo desejado para a consulta?

    Muito obrigado a todos.

    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 19:27
    segunda-feira, 4 de maio de 2015 19:15

Todas as Respostas

  • Possivelmente você quer realizar uma requisição para buscar o endereço após o cep ser preenchido no frontend, correto?

    Você pode usar JQUERY para realizar essa requisição desta forma:

    $.ajax({ type: "GET", url: "http://cep.republicavirtual.com.br/web_cep.php", data: { cep: "91010000", formato: "json" }, success: function( data ) { alert(JSON.stringify(data));

    //data.bairro

    //data.cidade }, dataType: "json" });

    Dentro da callback de sucesso vc precisa inserir sua lógica de acordo com sua necessidade.


    Att. Andre de Mattos Ferraz



    segunda-feira, 4 de maio de 2015 18:12
  • Olá amigo, agradeço , mas será que existe um exemplo mais concreto ?

    muito obrigado.

    segunda-feira, 4 de maio de 2015 18:29
  • <input type="text" id="txtCep">
    <input type="text" id="txtBairro">
    <input type="text" id="txtCidade">


    <script>
    $(document).ready(function(){
      $("#txtCep").change(function(){
        $.ajax({
          type:"GET",
          url:"http://cep.republicavirtual.com.br/web_cep.php",
          data:{cep: "00000000", formato:"json"},
          success: function(data){
            $("#txtBairro").val(data.bairro);
            $("#txtCidade").val(data.cidade);
          }
        });
      });
    });
    </script>
    Peguei o exemplo do andré e completei como seria utilizando os inputs.
    segunda-feira, 4 de maio de 2015 18:38
  • Olá como fiz igualzinho mas não obtive sucesso.

    Dei um alert, ele caiu dentro da funcão mas nao trouxe o resultado.

    obrigado.


    • Editado _Manigold_ segunda-feira, 4 de maio de 2015 19:01
    segunda-feira, 4 de maio de 2015 18:59
  • posta seu código aqui.
    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 20:52
    segunda-feira, 4 de maio de 2015 19:02
  • @model Modelo.ClienteMod

    <script>
        $(document).ready(function () {
            $("#txtCep").change(function () {
                alert("x");
                $.ajax({
                    type: "GET",
                    url: "http://cep.republicavirtual.com.br/web_cep.php",
                    data: { cep: "00000000", formato: "json" },
                    success: function (data) {
                        alert(data.bairro);
                        $("#txtBairro").val(data.bairro);
                        $("#txtCidade").val(data.cidade);
                    }
                });
            });
        });
    </script>


    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Cadastro</h4>
    </div>

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        <div class="modal-body">
            <div class="form-horizontal">
                
                <input type="text" id="txtCep">
                <input type="text" id="txtBairro">
                <input type="text" id="txtCidade">

                <div>
                    @if (TempData["mensagem"] != null)
                    {

                        <div class="alert alert-success">
                            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            @TempData["mensagem"]
                        </div>

                    }

                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Nome</label>
                        @Html.TextBoxFor(model => model.Nome, new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.Nome, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Apelido</label>
                        @Html.TextBoxFor(model => model.Apelido, new { @class = "form-control" })

                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-2">
                        <label>Sexo</label>
                        @Html.DropDownListFor(model => model.Sexo, new SelectList(new List<Object>
                        {
                            new {Value="F", Text="F"},
                            new {Value="M", Text="M"},
                        },
                            "Value", "Text"), new { @class = "form-control" })

                    </div>
                    
                    <div class="col-md-3">
                        <label>Tipo</label>
                        @Html.DropDownListFor(model => model.Sexo, new SelectList(new List<Object>
                        {
                            new {Value=1, Text="Indicado"},
                            new {Value=2, Text="Novo"},
                            new {Value=3, Text="Repetidor"},
                        },
                            "Value", "Text"), new { @class = "form-control" })

                    </div>
                    
                    <div class="col-md-3">
                        <label>Origem</label>
                        @Html.DropDownListFor(model => model.Origem, new SelectList(new List<Object>
                         {
                         new {Value=1, Text="Convite"},
                         new {Value=2, Text="Email"},
                         new {Value=3, Text="Evento"},
                         new {Value=4, Text="Indicação"},
                         new {Value=5, Text="Internt"},
                         new {Value=6, Text="Não informado"},
                         new {Value=6, Text="Passante"},
                         new {Value=6, Text="Sms"},
                         },
                        "Value", "Text"), new { @class = "form-control" })

                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Cep</label>
                        <div class="input-group">
                            <span class="input-group-btn">
                                @Html.TextBoxFor(model => model.Cep, new { @class = "form-control" })
                                <button class="btn btn-warning" type="submit">
                                    <span class="glyphicon glyphicon-search"></span>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Endereço</label>
                        @Html.TextBoxFor(model => model.Endereco, new { @class = "form-control" })
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Bairro</label>
                        @Html.TextBoxFor(model => model.Bairro, new { @class = "form-control" })
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-md-9">
                        <label>Número</label>
                        @Html.TextBoxFor(model => model.Numero, new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.Numero, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-9">
                        <label>Cidade</label>
                        @Html.TextBoxFor(model => model.Cidade, new { @class = "form-control" })
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-md-9">
                        <label>UF</label>
                        @Html.TextBoxFor(model => model.Uf, new { @class = "form-control" })
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-md-4">
                        <label>Telefone</label>
                        @Html.TextBoxFor(model => model.Telefone, new { @class = "form-control" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-3">
                        <label>Operadora</label>
                        @Html.DropDownListFor(model => model.Operadora, new SelectList(new List<Object>
                         {
                         new {Value="Claro", Text="Claro"},
                         new {Value="Oi", Text="Oi"},
                         new {Value="Tim", Text="Tim"},
                         new {Value="Vivo", Text="Vivo"},
                         },
                        "Value", "Text"), new { @class = "form-control" })
                    </div>

                    <div class="col-md-4">
                        <label>Celuar</label>
                        @Html.TextBoxFor(model => model.Celular, new { @class = "form-control" })
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-md-9">
                        <label>Email</label>
                        @Html.TextBoxFor(model => model.Email, new { @class = "form-control" })
                        @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })

                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-9">
                        <label>Data aniversário</label>
                        @Html.TextBoxFor(model => model.DataAniversario, new { @class = "form-control", @type = "date" })
                        @Html.ValidationMessageFor(model => model.DataAniversario, "", new { @class = "text-danger"})

                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-9">
                        <label>Observação</label>
                        @Html.TextAreaFor(model => model.Obs, new { @class = "form-control"})

                    </div>
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <span id="progress" class="text-center" style="display: none;">
                <img src="~/Content/images/loading.gif" alt="wiat" />
            </span>
            <input class="btn btn-success" type="submit" value="Salvar" />
            <button class="btn btn-danger" data-dismiss="modal">Cancelar</button>

        </div>
    }
    @Scripts.Render("~/bundles/jqueryval")
    segunda-feira, 4 de maio de 2015 19:07
  • Ele ta está caindo aqui "alert("x");"? Está mostrando dois alerts, um com X e outro vazio?

    Att. Andre de Mattos Ferraz


    segunda-feira, 4 de maio de 2015 19:09
  • Já sei... é o CEP 0000000000... Coloque um valor de um cep correto... Ou pegue ele do campo CEP da sua pagina.

    Att. Andre de Mattos Ferraz

    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 19:27
    segunda-feira, 4 de maio de 2015 19:12
  • Passei o cep forçado foi, agora como passo o campo desejado para a consulta?

    Muito obrigado a todos.

    • Marcado como Resposta _Manigold_ segunda-feira, 4 de maio de 2015 19:27
    segunda-feira, 4 de maio de 2015 19:15
  • Alterar o Cep:"00000000", para Cep: $(this).val()

    o "00000000" era só um exemplo.

    segunda-feira, 4 de maio de 2015 19:17
  • <script>
        $(document).ready(function () {
            $("#txtCep").change(function () {
                alert("x");
                $.ajax({
                    type: "GET",
                    url: "http://cep.republicavirtual.com.br/web_cep.php",
                    data: { cep: $("#txtCep").val(), formato: "json" },
                    success: function (data) {
                        alert(data.bairro);
                        $("#txtBairro").val(data.bairro);
                        $("#txtCidade").val(data.cidade);
                    }
                });
            });
        });
    </script>


    Att. Andre de Mattos Ferraz

    segunda-feira, 4 de maio de 2015 19:18
  • Aparentemente funcionou, fico muito agradecido.

    Grazie.

    segunda-feira, 4 de maio de 2015 19:21
  • Alterar o Cep:"00000000", para Cep: $(this).val()

    o "00000000" era só um exemplo.

    O $(this).val() não vai funcionar pq ele ja está em outro scopo.

    Att. Andre de Mattos Ferraz

    segunda-feira, 4 de maio de 2015 19:21
  • Marque o post como solucionado e as respostas que ajudaram. Ajuda outras pessoas com a mesma dúvida que você.

    Att. Andre de Mattos Ferraz

    segunda-feira, 4 de maio de 2015 19:22