一个ajax实现根据积分查询mysql获取用户等级的小demo
发布时间:2020-12-16 03:17:31 所属栏目:百科 来源:网络整理
导读:一个小功能,临时用的时候写起来麻烦,所以整理一下,就是普通的ajax请求获取反馈,只是框架用久了,有点生疏. 查看手册地址: http://www.w3school.com.cn/jquery/ajax_ajax.asp 数据库 acorse.sql PRIMARY KEY (`id`)CREATE TABLE `acorse` ( `id` int UNSIGNED
一个小功能,临时用的时候写起来麻烦,所以整理一下,就是普通的ajax请求获取反馈,只是框架用久了,有点生疏. 查看手册地址: http://www.w3school.com.cn/jquery/ajax_ajax.asp
数据库 acorse.sqlPRIMARY KEY (`id`)CREATE TABLE `acorse` ( `id` int UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT COMMENT 'ID',`rank` char(4) NOT NULL COMMENT '等级',`min_score` int NOT NULL COMMENT '最小积分',`max_score` int NOT NULL COMMENT '最大积分',) ENGINE=InnoDB DEFAULT CHARSET=utf8; INSERT INTO `acorse` (`id`,`rank`,`min_score`,`max_score`) VALUES (1,'L1',1,50),(2,'L2',51,100),(3,'L3',101,150); 前端页面(需要引入jquery-3.2.1.min.js自行下载)score.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>等级查询</title> <script type="text/javascript" src='jquery-3.2.1.min.js'></script> </head> <body> <form method="get"> <p>输入成绩: <input type="text" name="score" /> 等级: <span id='result'></span></p> </form> <button id="send">提交</button> </body> <script type="text/javascript"> $(function(){ $("#send").click(function(){ var cont = $("input").serialize(); $.ajax({ url:'ajax.php',type:'get',dataType:'json',data:cont,success:function(data){ //console.log(data) var str = data; $("#result").html(str); } }); }); }); </script> </html>
|