在
定制开发小程序中已经讲解了如何创建JAVA的springboot++mysql项目,
定制开发小程序现在接着讲解JAVA是如何和前端进行交互的;
首先新建一个index.html的前端页面,然后在index.html页面中加入如下代码:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>前后端交互</title>
- </head>
- <body>
- </body>
这是一个前端页面的基础代码;
然后再在代码中引入一个JQ库,用JQ中的ajax来进行前后端交互,加入后的代码如下图:
图1
后端接口如下图:
图2
然后按照下图启动前端调试:
图3
图4
点击地址栏之后页面会执行JQ的ajax进入后端API接口,如下图:
图5
从图中可以看到此API方法中的return返回的是ceshi,然后我们再在前端ajax的返回值中看一下是否接收到了这个数据;
图6
如果出现跨域问题则可以在后端接口API之中加入如下代码:
图7
如果还有疑问,欢迎留言提问!
关注微信公众号(月影WEB),了解更多的前后端知识;
欢迎大家关注互相交流学习;