springboot整合jquery实现前后端数据交互
一 实施逻辑
1.1 前端
<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><script type="text/javascript">$(document).ready(function(){alert(1111);$.ajax({url: 'http://127.0.0.1:8080/monilogin',data:{id:"132456"},method: "get",dataType: "json",
// contentType: 'application/json',success: function (r) {// console.log(r)//alert(r.name);var jsonData = JSON.stringify(r);alert(jsonData);$("#xianshi").html("<font color='red'>返回数据:"+jsonData+"！</font>"+r.data.name);}});});</script><style type="text/css">
div{
border: 1px solid #000000;
border-color: red;
text-align: center;
}</style></head><body><div id="xianshi" class="wait">返回内容:</div></body>
</html>
2.截图
1.2 后端
1.3 测试
回显
