mi5pucnx4
/
arithmometerplus
1
0
Fork 0
Code Issues Pull Requests Releases 2 Wiki Activity

add htmldemo

Browse Source
master
ZiYi 4 years ago
parent 353fcb7365
commit 660e343582
3 changed files with 59 additions and 13 deletions
Show Stats Download Patch File Download Diff File

37
static/js/index.js
Unescape View File

@ -1,5 +1,12 @@
$(document).ready(function () {
$("#demo").click(function (e) {
e.preventDefault();
//alert("hello world");
begin();
});
function begin() { function begin() {
var xhr = new XMLHttpRequest(); /*var xhr = new XMLHttpRequest();
xhr.open('get', '/begin?begin=1'); xhr.open('get', '/begin?begin=1');
xhr.onload = function () { xhr.onload = function () {
var response = xhr.responseText; var response = xhr.responseText;
@ -7,5 +14,31 @@ function begin(){
var json_data = eval('(' + response + ')'); var json_data = eval('(' + response + ')');
console.log(json_data); console.log(json_data);
} }
xhr.send(null); 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);
}
});
}
});

2
static/js/jquery-3.6.0.min.js vendored
View File

File diff suppressed because one or more lines are too long

17
templates/index.html
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save