Como atualizar somente uma Div (e não o site todo)?

[DiogoJefferson 0]

Pessoal, poderiam dar um exemplo de código bem simples para atualizar somente uma Div?

 

Agradeço a ajuda de todos! :)

[Lucas M. Martins 5]

Isso vai depender, mas se fosse em PHP seria mais o menos assim.

http://lucasmoreira.com.br/2013/06/23/usar-jquery-ajax-e-php-para-atualizar-div-sem-refresh/

[DiogoJefferson 0]

LucasWolf7, tentei mas não acontece nada ao enviar o valor do campo. O que fiz de errado?

Veja:

 

 

Não sei o que eu errei, pois não acontece nada ao enviar o valor do formulário. Veja:

página HTML:

<script type="text/javascript">
function alterar_div() {
  $.ajax({
    type: "POST",
    url: "processa.php",
    data: {
      nome_usuario: $('#seu_nome').val()
    },
    success: function(data) {
      $('#conteudo').html(data);
    }
  });
}
</script>


<div id="conteudo">Este conteúdo será alterado</div>
Qual é seu nome? <input type="text" id="seu_nome">


<button type="button" onclick="alterar_div()">Alterar</button>

Página PHP:

<?php


echo 'Este conteúdo foi alterado por '.$nome_usuario;
?>

[Lucas M. Martins 5]

A php é só isso???

 

Tenta assim...

 

<?php

echo 'Este conteúdo foi alterado por ' . $_POST['nome_usuario'];

?>

O Jquery foi adicionado?

[cdfree 3]

Se não houver problema com segurança eu usei $_GET

 

<script  src = "http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script  src = "http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
var str = $("#seu_nome").val();
$.ajax({
data: "GET",
url: "processa.php?nomeUsuario="+str,
success: function(data)
{
$("#conteudo").html(data);
}


});
});
});
</script>


<div id="conteudo">Este conteúdo será alterado</div>
Qual é seu nome? <input type="text" id="seu_nome">


<button type="button" id="submit">Alterar</button>

arquivo: processa.php

<?php
echo $_GET["nomeUsuario"];


?>