不用jsp怎么实现前后端交互?给萌新后端的ajax教程(1)

众所周知jsp是已经入土的技术,虽然仍有不少老项目在用,但已经不值得花时间学习了,当然了解一下也是可以的。如果你是一位萌新后端,不想了解jsp,或者想做一个前后端分离的项目,想在纯html网页上实现前后端交互,不妨看看这篇文章。

一、Q/A

1.什么是ajax

  请自行谷歌/百度,反正我复制粘贴在这你也不会看。

2.ajax可以做什么

  可以实现不刷新整个网页来更新网页的数据,也可以直接拿来做前后端交互。

3.这里讲的是是原生ajax实现吗?后端是php还是Java?

  不是,是jQuery的ajax实现,后端是Java的SpringMVC框架。

三、前置知识要求

1.SpringMVC的基本了解

2.认识基础html的写法以及了解基本标签的作用

3.了解maven的使用

四、环境准备

1.IDEA2019.3.1,JDK13

2.SpringMVC基本环境

注意xml配置文件中的拦截器设置,不要拦截html文件和js文件,如图

3.建立一个前端页面test.html 引入jQuery文件,可以去jQuery官网下载。

如图,src里写jQuery文件的路径

   

    Title

   

如果不想每次打开tomcat都手动输入地址跳转到test.html,可以在web.xml里写上

test.html

给一些缺乏前端知识的萌新后端讲一些注意的点:

(1)关于jquery.js和jquery.min.js的区别:官网可以下载jquery.js和jquery.min.js两个文件的内容是一样的,不要认为带min的是简略版。带min的js文件体积较小,因为压缩了文件里多余的空格和换行符,但所有内容挤在一起阅读源码困难,当然作为初学者我们不看源码因此下哪个都是可以的

(2)这个引用jquery包的

你可能感兴趣的:(不用jsp怎么实现前后端交互?给萌新后端的ajax教程(1))