牛客网第三章-发布帖子

牛客网第三章-发布帖子
异步请求就是当前网页不刷新,还要访问服务器,服务器会返回一个结果,该结果不是网页,通过结果中的数据对网页的局部做一个刷新,增量更新呈现到页面上,给一个提示或者更改一个样式,实现异步请求的技术AJAX
在这里插入图片描述

一、使用jQuery发送AJAX请求的示例

1.在util包下的CommunityUtil增加处理json字符串的方法,给浏览器返回json字符串
2.导入fastjson处理json字符串的包
在这里插入图片描述
在这里插入图片描述
3.在util包下的CommunityUtil增加处理json字符串的方法
在这里插入图片描述
重载的方法
在这里插入图片描述
4.测试
在这里插入图片描述
在这里插入图片描述
浏览器通过js对象可以获取每个key所对应的value值

二、发送异步请求的示例

1.在controller包下的AlphaController中添加一个方法
在这里插入图片描述
2.静态页面可以直接访问,在html包下创建一个静态页面
在这里插入图片描述
3.启动程序测试
在这里插入图片描述
4.在数据层的DiscussPostMapper组件下增加一个新的增加帖子的方法
在这里插入图片描述
5.在mapper包下的discusspost-mapper.xml文件中实现insertDiscussPost方法
在这里插入图片描述
在这里插入图片描述
6.在业务层的DiscussPostService组件中定一个增加帖子的方法
在这里插入图片描述
7.在表现层增加实现帖子相关的业务功能组件
在这里插入图片描述
在这里插入图片描述
报错的情况,程序统一处理
8.发布帖子,在首页index点击我要发布,会出现弹出框新帖发布。
在这里插入图片描述
9.index.html页面
在这里插入图片描述
在这里插入图片描述
10.设计index.js页面
在这里插入图片描述
11.用户未登录,不显示我要发布按钮
在这里插入图片描述
当前用户不为null,才显示我要发布
12.启动程序测试
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值