<?php
if($_GET){
header("content:application/json;chartset=uft-8");
$num1 = isset($_GET['num1'])?$_GET['num1']:'';
$num2 = isset($_GET['num2'])?$_GET['num2']:'';
$j = $o = $t = 0;
for($i=$num1;$i<=$num2;$i++){
if($i%2==0){
$o += $i; //偶数之和
}else{
$j += $i; //奇数之和
}
$t += $i; //总合
}
echo json_encode(['j'=>$j,'o'=>$o,'t'=>$t]);
exit(0);
}
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
<p>起点数:0<input type="range" id="num1" min="0" max="100" step="1" value="0"/>100</p>
<p>终点数:0<input type="range" id="num2" min="0" max="100" step="1" value="0"/>100</p>
<p><input type="button" id="submit" value="求合" /></p>
<p>您选择的起点数是<span class="num1">0</span>终点数是<span class="num2">0</span>。</p>
<p><span class="num1">0</span>到<span class="num2">0</span>之间的奇数和为:<span id="j">0</span></p>
<p><span class="num1">0</span>到<span class="num2">0</span>之间的偶数和为:<span id="o">0</span></p>
<p><span class="num1">0</span>到<span class="num2">0</span>之间的总和为:<span id="t">0</span></p>
<script src="
http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
var num1 = $("#num1").val();
var num2 = $("#num2").val();
if(num1>=num2){
alert('终点数小于或等于起点数,终止求和,请重新选择');
return;
}
$.get("index.php",{num1:num1,num2:num2},function(result){
result = JSON.parse(result);
$("#j").html(result.j);
$("#o").html(result.o);
$("#t").html(result.t);
})
$(".num1").html(num1);
$(".num2").html(num2);
})
})
</script>
</body>
</html>