本文详细介绍了在前端页面如何通过按钮触发AJAX请求到后端，实现数据上传及图片存储的功能。具体步骤包括在视图层定义按钮，JS中绑定点击事件，使用AJAX进行数据提交，并在后端通过SpringMVC框架处理请求，最终将数据保存至数据库或存储图片至服务器。
- 首先在视图层页面定义button按钮的id属性
- 在js代码或者js文件中定义button的click事件
- click中定义函数调用ajax方法，ajax方法中的url返回控制器层的某方法（springMVC下通过@RequestMapping注解的value实现）以实现相应的上传功能。type: 请求方法。data: 页面显示的数据。ajax方法上传成功后在success中调用函数实现删除缓存，弹出成功提示框以及更新页面等操作。
- controller层调用services层方法——>dto层——>与数据库交互,实现将文本数据保存在数据库中（mapping.xml文件中插入一条数据）。图片与附件则通过controller层定义函数将他们存储在本地服务器特定目录下。
总结：个人感觉学习前端可能要记住得东西比较多，比如各种事件啊，回调方法啊，标签属性啊，各种各样的css，js模板啊，所以我们才会看到前端那么多精美的页面（膜拜大佬），学习后端感觉就是逻辑上绕来绕去的，把逻辑理清了，把思路打开了，把思维发散了，应该会比较好办了，哈哈！！！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
