页面发起ajax请求SpringMvc查询数据回传json

今天是博客记录的第一天,也是奔溃的一天,今天没有值得记录的东西,over!

emmmm…想了想还是把一些知识点记录一下,虽然只是一些简单的东西

**jsp网页中数据通过ajax发起请求实现**
//发送ajax请求查询图片
    	function FindAllStdpic(){
    				$("#stdpiclist").empty();
	    			$.ajax({
	    			url:"${pageContext.request.contextPath}/FindAllStdpic.action",
	    			type:"post",
	    			data:"",
	    			dataType:"json",
	    			success:function(data){
	    				if(data!=null){
		    				for(i=0;i<data.length;i++){
		    				var stdpic ="";
		    					if(i==0){
		    						 stdpic = "<div class='item active'><img src = '/pic/"+data[i].stdpicname+"'></div>";
		    					}else{
		    						 stdpic = "<div class='item'><img src = '/pic/"+data[i].stdpicname+"'></div>";
		    					}
		    					$("#stdpiclist").append(stdpic);
		    				}	
	    				}
	    			}
	    		});
    		}
    	$(function(){
    	
    		FindAllStdpic();
    	
    		//图片循环播放
    		$("#myCarousel").carousel('cycle');

    					
    	});

当对数据进行了修改,需要刷新页面时,只需要跳转到当前jsp即可,不能重定向到XXX.action
return “/space”;(SpringMvc)
response.sendRedirect("/Student/FindAllStudent.action");

哈哈哈哈真的是很简单的知识了…

顺便记录一下ajax回传json数据显示

  • 导包
    在这里插入图片描述
  • 配置SpringMvc.xml
<mvc:annotation-driven />

如果不使用注解驱动则需要配置json转换器

<!--处理器适配器 -->
	<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
		<property name="messageConverters">
		<list>
		<bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
		</list>
		</property>
	</bean>

  • 查询并回传json格式数据, 注解@ResponseBody将List转成json格式
    (@RequestBody将前台数据转成json格式)
/**
	 * 查询图片,json数据
	 */
	@RequestMapping("/FindAllStdpic.action")
	public @ResponseBody List<StdpicBean> StdpicList(HttpServletRequest request){
		
		List<StdpicBean> stdpiclist = stdpicservice.FindAllStdpic();
		
		return stdpiclist;
	}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值