Usar onclick e atualizar a página sem "entrar e sair" da págin

Amigos,

Preciso mais uma vez da sua ajuda.

Em uma tela minha eu tenho a seguinte opção:

<div class="box-tools" style="margin-right: 50px; ">
 <input style="margin-top: 10px;" type="radio" name="OnOff" value="1" <?php echo ($RespAtivo == "1") ? "checked" : null; ?> onclick="FiltrarOnOff('1')"/> On  
 <input style="margin-top: 10px;" type="radio" name="OnOff" value="0" <?php echo ($RespAtivo == "0") ? "checked" : null; ?> onclick="FiltrarOnOff('0')"/> Off  
</div>

onde o usuário poderá clicar se vai ficar On ou Off.

Reparem que eu coloquei um onclick, com o seguinte código:

<script type="text/javascript">
 function FiltrarOnOff(valor)
 {
 document.location.href = 'trocaOnOff.php?onoff=' + valor;
 }
</script>

Vejam que ele chama um arquivo externo (trocaOnOff.php).

Dentro deste arquivo eu atualizo a tabela com o novo parâmetro que o usuário clicou (On ou Off). Até ai tudo esta funcionando perfeitamente, meu problema é que como eu saio do arquivo principal a tela se remonta, ou seja, dá aquela piscada do refresh, e de acordo com o momento esse refresh demora para recarregar a tela.

Tem como eu a atualizar a tabela no banco e atualizar a informação no banco sem dar refresh na tela??

Deve ser algo até tranquilo de se fazer mas não estou conseguindo.

Abraços