CalculadoraWebService:
package in.gruporia.javawebservice;
import javax.jws.WebService;
import javax.jws.WebMethod;
import javax.jws.WebParam;
@WebService(serviceName = "CalculadoraWebService")
public class CalculadoraWebService {
//Retorna la SUMA de dos numeros enteros
@WebMethod(operationName = "AddIntegers")
public int add(@WebParam(name = "firstNum") int num1, @WebParam(name = "secondNum") int num2) {
return num1 + num2;
}
//Retorna la RESTA de dos numeros enteros
@WebMethod(operationName = "SubIntegers")
public int sub(@WebParam(name = "firstNum") int num1, @WebParam(name = "secondNum") int num2) {
return num1 - num2;
}
//Retorna el PRODUCTO de dos numeros enteros
@WebMethod(operationName = "MulIntegers")
public int mul(@WebParam(name = "firstNum") int num1, @WebParam(name = "secondNum") int num2) {
return num1 * num2;
}
//Retorna la DIVISION de dos numeros enteros
@WebMethod(operationName = "DivideIntegers")
public int div(@WebParam(name = "firstNum") int num1, @WebParam(name = "secondNum") int num2) {
return num1 / num2;
}
}
Index.html
<html>
<head>
<title>UseSwap</title>
<script>
var service;
function InitializeService(){
service.useService("http://localhost:8080/Calculadora/CalculadoraWebService?wsdl", "CalculadoraWebService");
}
var num1, num2, result;
function Add(){
num1 = document.DemoForm.Numero1.value;
console.log(num1);
num2 = document.DemoForm.Numero2.value;
console.log(num2);
result = service.CalculadoraWebService.callService("add", num1, num2);
console.log(result);
alert(event.result.value);
}
</script>
</head>
<body onload="InitializeService()" id="service"
style="behavior:url(webservice.htc)">
<form name="DemoForm">
Numero 1 : <input type="text" name="Numero1"/>
Numero 2 : <input type="text" name="Numero2"/>
<button onclick="Add()">Resultado</button>
</form>
</body>
</html>
The CalculadoraWebService works fine, I consumed it with java in a previews excercise, calling all the methods but now I've to do it using javascript. num1 and num2 values are fine, but an error appears
SCRIPT5007: Unable to get property 'callService' of undefined or null reference
I believe you have a scope problem, define
serviceas a var outside the function that initializes it, here is the snippet:If you dont declare
serviceoutside the functionInitializeService, Js will declare that variable inside the scope of that function, and then when you try to use it in your Add function, the scope of that function won't see theservicevar.