Como consumir webservice com Javascript

Estou com a seguinte situação: tenho uma aplicação web (rodando em um desktop, implantada no glassfish), e preciso comunicar com uma outra aplicação web em outro host na mesma rede. Ok, criei o servidor no host que irá receber e os métodos. Mas preciso acessá-los quando for clicar em um botão de acionamento.

Ele enviará uma mensagem (que aparecerá na tela do servidor), e o cliente comsumidor irá receber todos os dados confirmando.

Meu código js (estou usando jquery soap):

` $( “a#novo” ).on( “click”, function() {

console.log( “novo pedido” );

$.soap({
        url: 'http://localhost:8080/ClienteMesas/WSClient',
        method: 'novopedido',
        
        data: {
                mesa: 1,
                pedido: '1 suco de laranja'
        },

        success: function (soapResponse) {
                // do stuff with soapResponse
                // if you want to have the response as JSON use soapResponse.toJSON();
                // or soapResponse.toString() to get XML string
                // or soapResponse.toXML() to get XML DOM
                
                soapResponse.toString();
                
        },
        error: function (SOAPResponse) {
                // show error
                alert(SOAPResponse.toString());
        }
    });
    
});`

Meu Web Service:

`@WebService(serviceName = “WSClient”)

public class WSClient {

/**
 * Operação de Web service
 */
@WebMethod(operationName = "novopedido")
@GET   
@Produces("application/json")   
public String novopedido(@WebParam(name = "mesa") int mesa, @WebParam(name = "pedido") String pedido) {
    //TODO write your implementation code here:
    
    
    return "Pedido realizado com sucesso para mesa: "+mesa+", Descrição: "+pedido;
}