parent
353fcb7365
commit
660e343582
@ -1,11 +1,44 @@
|
|||||||
function begin(){
|
|
||||||
var xhr = new XMLHttpRequest();
|
$(document).ready(function () {
|
||||||
xhr.open('get','/begin?begin=1');
|
$("#demo").click(function (e) {
|
||||||
xhr.onload = function (){
|
e.preventDefault();
|
||||||
var response = xhr.responseText;
|
//alert("hello world");
|
||||||
console.log(response);
|
begin();
|
||||||
var json_data = eval('('+response+')');
|
});
|
||||||
console.log(json_data);
|
function begin() {
|
||||||
|
/*var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('get', '/begin?begin=1');
|
||||||
|
xhr.onload = function () {
|
||||||
|
var response = xhr.responseText;
|
||||||
|
console.log(response);
|
||||||
|
var json_data = eval('(' + response + ')');
|
||||||
|
console.log(json_data);
|
||||||
|
}
|
||||||
|
xhr.send(null);*/
|
||||||
|
$.ajax({
|
||||||
|
type: "get",
|
||||||
|
url: "/begin",
|
||||||
|
data: "begin=1",
|
||||||
|
success: function (res) {
|
||||||
|
switch (res.option) {
|
||||||
|
case "+":
|
||||||
|
$("#ul").append("<li>" + res.number_1 + " + " + res.number_2 + " = " + (res.number_1 + res.number_2) + "</li>");
|
||||||
|
break;
|
||||||
|
case "-":
|
||||||
|
$("#ul").append("<li>" + res.number_1 + " - " + res.number_2 + " = " + (res.number_1 - res.number_2) + "</li>");
|
||||||
|
break;
|
||||||
|
case "/":
|
||||||
|
$("#ul").append("<li>" + res.number_1 + " / " + res.number_2 + " = " + (res.number_1 / res.number_2) + "</li>");
|
||||||
|
break;
|
||||||
|
case "*":
|
||||||
|
$("#ul").append("<li>" + res.number_1 + " * " + res.number_2 + " = " + (res.number_1 * res.number_2) + "</li>");
|
||||||
|
break;
|
||||||
|
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
alert(response.number_1 + response.option + response.number_2);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
xhr.send(null);
|
});
|
||||||
}
|
|
||||||
|
File diff suppressed because one or more lines are too long
@ -1,11 +1,22 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<script src="/static/js/index.js" type="text/javascript"></script>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>四则运算</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
<script src="/static/js/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="/static/js/index.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<button type="submit" onclick="begin();">开始</button>
|
<button id="demo">demo</button>
|
||||||
|
<div class="display">
|
||||||
|
<ul id="ul">
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<input type="text">
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
Loading…
Reference in new issue