在jquery，Ajax中浏览页面

Question

我是jquery和ajax的新手，我只想在一个页面中打开所有导航链接。我还把我的页面划分为三个部门。第一页是html，即welcome.html，其余全部都在jsp中。简单的程序需要两个数字，在服务器上执行算术运算（我为每个操作编写了servlet）并将结果发送回jsp。首先它在同一页面上打开，但是当我点击计算按钮时，它会在下一页上显示。如果有人使用ajax或jquery plz这个解决方案请告诉我。

Answer 1

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

Answer 2

保持这样（使用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')

内部计算按钮onclick事件。

注意：如果您真的想使用servlet，请使用现有代码调用ajax，您可以看到示例here和here