Skip to main content
adicionou 479 caracteres ao conteúdo
Fonte Link
Felipe Douradinho
  • 3,4mil
  • 14
  • 18

HTML

André, vamos à algumas observações, talvez uma delas resolva o problema:

  • Não é necessário (e nem recomendável) nomear os campos como arrays (inserindo "[]" ao final do nome) se este não for o intuito
  • Identificando os campos com "id" é recomendável à fim de que IDs são únicos e por isto o JQuery leva MENOS tempo para encontrar os elementos.

Seus campos poderiam ficar nesta estrutura:

 <input type="text" name="cham_endereco" id="cham_endereco" value="">

Seu select idCliente pode utilizar JQuery para interpretar seus eventos, por isto, você pode remover onchange="clienteChange()" (é uma prática anti-JQUERY):

<select class="input-xxlarge" style="width: 409px !important;" id="idCliente" name="idCliente">

JQUERY

E a requisição JQUERY "escuta" através do evento "change" o que vier a ser escolhido no select idCliente:

$('#idCliente').on('change', function()
{
    var id = $(this).val();

    // ajax
    $.ajax({ 
        url:"/Entregas/clientes.endereco.php?id=" + id, 
        dataType : 'json',
        // além da opção "success", você pode utilizar também as opções 
        // "beforeSend" e "always", assim, ANTES de enviar, poderia por exemplo
        // desabilitar o select box e dentro de "always", habilitar, evitando 
        // que o usuário "brinque" com a requisição do select box (flood)
        beforeSend: function()
        {
            // (código que desabilita o selectbox)
        },
        success:function(result) 
        { 
            $('#cham_endereco').val(result.endereco); 
            // outros campos (...) 
        } 
    });
    .always(function(data)
    {
            // habilitar novamente o selectbox
    });
});

CODEIGNITER

É imprescindível que se retorne o "header" da requisição como JSON (application/json):

$result['endereco'] = "teste"; 

return $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));

DICA

Utilize a extensão POSTMAN do CHROME, é essencial para validações e simulações AJAX sem precisar utilizar uma linha de código.

HTML

André, vamos à algumas observações, talvez uma delas resolva o problema:

  • Não é necessário (e nem recomendável) nomear os campos como arrays (inserindo "[]" ao final do nome) se este não for o intuito
  • Identificando os campos com "id" é recomendável à fim de que IDs são únicos e por isto o JQuery leva MENOS tempo para encontrar os elementos.

Seus campos poderiam ficar nesta estrutura:

 <input type="text" name="cham_endereco" id="cham_endereco" value="">

Seu select idCliente pode utilizar JQuery para interpretar seus eventos, por isto, você pode remover onchange="clienteChange()" (é uma prática anti-JQUERY):

<select class="input-xxlarge" style="width: 409px !important;" id="idCliente" name="idCliente">

JQUERY

E a requisição JQUERY "escuta" através do evento "change" o que vier a ser escolhido no select idCliente:

$('#idCliente').on('change', function()
{
    var id = $(this).val();

    // ajax
    $.ajax({ 
        url:"/Entregas/clientes.endereco.php?id=" + id, 
        dataType : 'json',
        success:function(result) 
        { 
            $('#cham_endereco').val(result.endereco); 
            // outros campos (...) 
        } 
    });

});

CODEIGNITER

É imprescindível que se retorne o "header" da requisição como JSON (application/json):

$result['endereco'] = "teste"; 

return $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));

DICA

Utilize a extensão POSTMAN do CHROME, é essencial para validações e simulações AJAX sem precisar utilizar uma linha de código.

HTML

André, vamos à algumas observações, talvez uma delas resolva o problema:

  • Não é necessário (e nem recomendável) nomear os campos como arrays (inserindo "[]" ao final do nome) se este não for o intuito
  • Identificando os campos com "id" é recomendável à fim de que IDs são únicos e por isto o JQuery leva MENOS tempo para encontrar os elementos.

Seus campos poderiam ficar nesta estrutura:

 <input type="text" name="cham_endereco" id="cham_endereco" value="">

Seu select idCliente pode utilizar JQuery para interpretar seus eventos, por isto, você pode remover onchange="clienteChange()" (é uma prática anti-JQUERY):

<select class="input-xxlarge" style="width: 409px !important;" id="idCliente" name="idCliente">

JQUERY

E a requisição JQUERY "escuta" através do evento "change" o que vier a ser escolhido no select idCliente:

$('#idCliente').on('change', function()
{
    var id = $(this).val();

    // ajax
    $.ajax({ 
        url:"/Entregas/clientes.endereco.php?id=" + id, 
        dataType : 'json',
        // além da opção "success", você pode utilizar também as opções 
        // "beforeSend" e "always", assim, ANTES de enviar, poderia por exemplo
        // desabilitar o select box e dentro de "always", habilitar, evitando 
        // que o usuário "brinque" com a requisição do select box (flood)
        beforeSend: function()
        {
            // (código que desabilita o selectbox)
        },
        success:function(result) 
        { 
            $('#cham_endereco').val(result.endereco); 
            // outros campos (...) 
        } 
    })
    .always(function(data)
    {
            // habilitar novamente o selectbox
    });
});

CODEIGNITER

É imprescindível que se retorne o "header" da requisição como JSON (application/json):

$result['endereco'] = "teste"; 

return $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));

DICA

Utilize a extensão POSTMAN do CHROME, é essencial para validações e simulações AJAX sem precisar utilizar uma linha de código.

Fonte Link
Felipe Douradinho
  • 3,4mil
  • 14
  • 18

HTML

André, vamos à algumas observações, talvez uma delas resolva o problema:

  • Não é necessário (e nem recomendável) nomear os campos como arrays (inserindo "[]" ao final do nome) se este não for o intuito
  • Identificando os campos com "id" é recomendável à fim de que IDs são únicos e por isto o JQuery leva MENOS tempo para encontrar os elementos.

Seus campos poderiam ficar nesta estrutura:

 <input type="text" name="cham_endereco" id="cham_endereco" value="">

Seu select idCliente pode utilizar JQuery para interpretar seus eventos, por isto, você pode remover onchange="clienteChange()" (é uma prática anti-JQUERY):

<select class="input-xxlarge" style="width: 409px !important;" id="idCliente" name="idCliente">

JQUERY

E a requisição JQUERY "escuta" através do evento "change" o que vier a ser escolhido no select idCliente:

$('#idCliente').on('change', function()
{
    var id = $(this).val();

    // ajax
    $.ajax({ 
        url:"/Entregas/clientes.endereco.php?id=" + id, 
        dataType : 'json',
        success:function(result) 
        { 
            $('#cham_endereco').val(result.endereco); 
            // outros campos (...) 
        } 
    });

});

CODEIGNITER

É imprescindível que se retorne o "header" da requisição como JSON (application/json):

$result['endereco'] = "teste"; 

return $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));

DICA

Utilize a extensão POSTMAN do CHROME, é essencial para validações e simulações AJAX sem precisar utilizar uma linha de código.