Skip to main content
adicionou 10 caracteres ao conteúdo
Fonte Link
Ricardo
  • 15mil
  • 18
  • 83
  • 137

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQueryAJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAXAJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAXAJAX cada div individualmente para que haja a alteração do HTMLHTML via Javascript?


Adicionais

O que tenho até o momento seria isso:

<script>
    function teste(){
        var url = "&id="+teste;
        $.ajax({
        url: "conv_modal_results.php",
        dataType:"HTML",
        type: "POST",           
        data: url,
        beforeSend: function(){
            $('.modal-body').html('<div align="center"><img src="img/loading.gif" /></div>');
        },
        sucess: function(data){
            setTimeout($('.modal-body').html(data),2000);   
        }   
        });
    }
</script>

<input type="button" value="botaozinho" onClick="teste()">
<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Carregando....</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

No conv_modal_results.php eu tenho o seguinte retorno

<div id="corpo_modal" class="row">
Aqui vai o corpo do modal...
</div>

O que eu quero é poder adicionar mais um div e poder chamar cada uma individualmente no resultado, utilizando algo como o .find() do JQuery para utilizar somente aquele pedaço do HTML

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?


Adicionais

O que tenho até o momento seria isso:

<script>
    function teste(){
        var url = "&id="+teste;
        $.ajax({
        url: "conv_modal_results.php",
        dataType:"HTML",
        type: "POST",           
        data: url,
        beforeSend: function(){
            $('.modal-body').html('<div align="center"><img src="img/loading.gif" /></div>');
        },
        sucess: function(data){
            setTimeout($('.modal-body').html(data),2000);   
        }   
        });
    }
</script>

<input type="button" value="botaozinho" onClick="teste()">
<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Carregando....</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

No conv_modal_results.php eu tenho o seguinte retorno

<div id="corpo_modal" class="row">
Aqui vai o corpo do modal...
</div>

O que eu quero é poder adicionar mais um div e poder chamar cada uma individualmente no resultado, utilizando algo como o .find() do JQuery para utilizar somente aquele pedaço do HTML

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?


Adicionais

O que tenho até o momento seria isso:

<script>
    function teste(){
        var url = "&id="+teste;
        $.ajax({
        url: "conv_modal_results.php",
        dataType:"HTML",
        type: "POST",           
        data: url,
        beforeSend: function(){
            $('.modal-body').html('<div align="center"><img src="img/loading.gif" /></div>');
        },
        sucess: function(data){
            setTimeout($('.modal-body').html(data),2000);   
        }   
        });
    }
</script>

<input type="button" value="botaozinho" onClick="teste()">
<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Carregando....</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

No conv_modal_results.php eu tenho o seguinte retorno

<div id="corpo_modal" class="row">
Aqui vai o corpo do modal...
</div>

O que eu quero é poder adicionar mais um div e poder chamar cada uma individualmente no resultado, utilizando algo como o .find() do JQuery para utilizar somente aquele pedaço do HTML

Complementando mais a questão
Fonte Link
AComerlatto
  • 331
  • 1
  • 13

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?


Adicionais

O que tenho até o momento seria isso:

<script>
    function teste(){
        var url = "&id="+teste;
        $.ajax({
        url: "conv_modal_results.php",
        dataType:"HTML",
        type: "POST",           
        data: url,
        beforeSend: function(){
            $('.modal-body').html('<div align="center"><img src="img/loading.gif" /></div>');
        },
        sucess: function(data){
            setTimeout($('.modal-body').html(data),2000);   
        }   
        });
    }
</script>

<input type="button" value="botaozinho" onClick="teste()">
<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Carregando....</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

No conv_modal_results.php eu tenho o seguinte retorno

<div id="corpo_modal" class="row">
Aqui vai o corpo do modal...
</div>

O que eu quero é poder adicionar mais um div e poder chamar cada uma individualmente no resultado, utilizando algo como o .find() do JQuery para utilizar somente aquele pedaço do HTML

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?


Adicionais

O que tenho até o momento seria isso:

<script>
    function teste(){
        var url = "&id="+teste;
        $.ajax({
        url: "conv_modal_results.php",
        dataType:"HTML",
        type: "POST",           
        data: url,
        beforeSend: function(){
            $('.modal-body').html('<div align="center"><img src="img/loading.gif" /></div>');
        },
        sucess: function(data){
            setTimeout($('.modal-body').html(data),2000);   
        }   
        });
    }
</script>

<input type="button" value="botaozinho" onClick="teste()">
<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Carregando....</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

No conv_modal_results.php eu tenho o seguinte retorno

<div id="corpo_modal" class="row">
Aqui vai o corpo do modal...
</div>

O que eu quero é poder adicionar mais um div e poder chamar cada uma individualmente no resultado, utilizando algo como o .find() do JQuery para utilizar somente aquele pedaço do HTML

Fonte Link
AComerlatto
  • 331
  • 1
  • 13

Retornando Fragmento de HTML com Ajax

Existe a possibilidade de retornar somente um fragmento do código de uma página com o AJAX JQuery?

O que quero fazer é:

Tenho uma página onde através do POST envio o ID com o AJAX, e gero o corpo de um modal <div class="modal-body">, porém gostaria de ter outra div para retornar o cabeçalho deste modal <div class="modal-header">.

Existe alguma forma de chamar através do resultado do AJAX cada div individualmente para que haja a alteração do HTML via Javascript?