Adicionar dados sem refresh

[Firenando]

Olá, eu tenho um painel de admin.

Eu quero que quando o administrador clicar em Adicionar ou Atualizar dados, em vez de ir para a página de confirmação que os dados foram enviados, eu quero que fique na mesma página.

Eu sei que é um Java Script, já olhei na internet, mais não consigo fazer funcionar.

:wacko:

[wootzor]

Utilizando jQuery seria algo assim:

$(document).ready(function () {
    $.ajax({
        url: '/adicionar.php',
        data: {param1: "valor"} //faz o pedido à página 'adicionar.php' passando como query string os dados (adicionar.php?param1=valor)
        success: function (data) {
           //o objecto 'data' contém a resposta do servidor, que pode depois ser mostrada no painel de administração
        }
    });
});

Usando JavaScript nativo, tens aqui algo parecido.

Editado Maio 14, 2015 por wootzor

[Firenando]

Como eu faço funcionar? '-'

[wootzor]

Fica aqui um exemplo simples (não funcional).

Fazes um pedido AJAX à pagina de confirmação, passando os dados do formulário e recebes a resposta, afixando-a depois na própria página.