Consumir um WebService direto do navegador é uma tarefa simples com o uso de JQuery. Existem três funções na biblioteca JQuery que fazem requisições a uma URL e possibilitam a definição de métodos de call-back para tratar o retorno.
As funções são jQuery.get() e jQuery.getJSON() permitem requisições AJAX e métodos de call-back para tratar o retorno.
A função jQuery.get() carrega dados do servidor por meio de uma requisição GET, pode ser usada para carregar XML, por exemplo.
A função jQuery.getJSON() carrega dados em JSON por meio de uma requisição GET. JSON é um formato que vem ganhado espaço como formato para troca de dados entre aplicações, especialmente WebServices. A vantagem desta função é a facilidade em manipular os dados que já vem em JSON, um formato mais fácil de manipular em Javascript do que XML.
O uso dessas funções é basicamente o mesmo. Uma requisição AJAX por meio do método GET sobre uma URL e métodos call-back para tratar o retorno. Mais detalhes e exemplos de uso podem ser vistos na documentação da API jQuery.