在jquery、Ajax中导航页面

我是jquery和ajax新手，我只想在一个页面中打开所有导航链接。我还将我的页面分为三个部分。第一页是html格式的，即

welcome.html

，其余都是jsp格式的。程序只需取两个数字，在服务器端执行算术运算（我为每个操作编写了servlet），然后将结果发送回jsp。起初它会在同一页上打开，但当我点击“计算”按钮时，它会进入下一页。如果有人使用ajax或jQueryPLZ解决方案，请告诉我

---

这可能是因为“计算”按钮提交了表单。尝试使用JQuery/AJAX计算值。

保持这样（使用javascript，尽管也可以使用JQuery）：

假设第一个数字相关输入字段的id为val1，第二个值的id为val2， 将此javascript函数代码保存在jsp的底部：

<script>
function calculate(operation){
var value1, value2, result;
value1=document.getElementById("val1").value;
value2=document.getElementById("val2").value;
if(operation=='add')
result=value1+value2;
else if(operation=='subtract')
result=value1-value2;
else if(operation=='multiply')
result=value1*value2;
else if(operation=='divide')
result=value1/value2;
else
result="invalid choice!";
return result;
}
</script>

Each time on calculate button(like add, subtract, multiply, divide) keep:
for add button-> onclick=calculate('add')
for subtract button-> onclick=calculate('subtract')
for multiply button-> onclick=calculate('multiply')
for divide button-> onclick=calculate('divide')

函数计算（运算）{
var值1、值2、结果；
value1=document.getElementById（“val1”）.value；
value2=document.getElementById（“val2”）.value；
如果（操作=='add'）
结果=值1+值2；
else if（操作=='subtract'）
结果=值1-2；
else if（操作=='multiply'）
结果=值1*2；
else if（操作=='divide'）
结果=值1/值2；
其他的
结果=“选择无效！”；
返回结果；
}
每次在计算按钮上（如加、减、乘、除）保持：
对于添加按钮->onclick=calculate（'add'）
对于减法按钮->onclick=calculate（'subtract'））
对于乘法按钮->onclick=calculate（'multiply'））
对于divide按钮->onclick=calculate（'divide'））

内部计算按钮onclick事件

---

注意：如果您真的想使用servlet，请在现有代码中使用ajax调用，您可以看到一个示例，并且

您可以使用jqueryi的函数执行它，但用于加载addition.jsp和其他相同的文件，但当我单击calculate时，请求转到AdditionServlet，resonse将显示在下一页发布您的完整代码，而不是！截图的代码，它是非常痛苦的键入太多的答案完美！如果servlet只是简单的计算，则不需要它。使用javascript/jquery进行计算。@Kishor Malakar使用jquery ajax进行计算是正确的。.我添加了一些代码片段@shailesh Sir实际上我正在用jquery练习jsp和servlet