springboot接收前端ajax请求并调用聚合数据接口获取数据

本文通过实例演示了如何使用SpringBoot接收前端Ajax请求,并调用聚合数据接口获取微信精选新闻。在前端,利用Ajax实现页面加载时请求新闻数据,以及点击按钮切换新闻的功能。后端通过控制器直接处理请求,获取接口数据。

举个栗子,比如说调用聚合数据的微信精选接口获得微信新闻数据,前端使用ajax,请求访问springboot程序,boot再请求聚合数据接口,拿到返回结果集并在页面显示出来,按钮可以切换新闻,就像这样子:
在这里插入图片描述
由此看出,咱使用了bootstrap萌萌的圆角按钮,证明你得引入jq和bootstrap~
回归正题,我们先看文档,参考聚合数据:微信精选
为了简化参数,咱只传入一个页数,留作切换,大家可以根据需要进行参数的传递。
从页面开始(bootstrap风格~):

<div class="col-lg-4 col-md-4">
				<div class="event-info">
					<h4 class="text-center slideanim"><span id="we_title"></span></h4>
					<p class="eve slideanim"><span id="we_desc"></span><br/>
						<span id="we_mark"></span><br/>
						<img width="400" height="300" id="we_img" alt="" />
						<a id="we_read" target="_blank" class="btn btn-success">阅读本条</a>
						<a href="javascript:;" id="change_we" class="btn btn-success">切</a>
					</p>
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值