笔记1----前台ajax请求,后台返回list对象集合!

这篇笔记展示了如何在前端使用Ajax进行POST请求,从后台获取List对象,并将数据填充到页面元素中。通过jQuery的ajax方法设置请求类型、URL、数据、dataType和回调函数。在成功响应时,遍历JSON数据并更新DOM元素。后台Java代码利用Spring MVC的@RequestMapping处理请求,获取参数,调用服务获取List数据,并转化为JSONArray返回。

只是小总结,代码还不够优雅,方便自己以后再总结,不废话,上代码。

前台js代码:

function show_resume(resume_id){
$("#p_resume_id").val(resume_id);
$.ajax({
type:"post",
url:contextPath+"/resumefilter/resumeinfo.html",
data:{resume_id:resume_id},
dataType:"json",
success:function(json){
$("#jobname").text(json[0].job_id);
$("#pname").text(json[0].name);
$("#pgender").text(json[0].gender);
$("#pbirthday").text(json[0].birthday);
$("#pnation").text(json[0].nation);
$("#ppolitical").text(json[0].political);
$("#pmarried").text(json[0].married);
$("#pgraduates_chool").text(json[0].graduates_chool);
$("#pprofession").text(json[0].profession);
$("#pgraduateday").text(json[0].graduateday);
$("#pcontact").text(json[0].contact);
$("#porigin").text(json[0].origin);
$("#paccount_location").text(json[0].account_location);
$("#penglish_level").text(json[0].english_level);
$("#pcomputer_level").text(json[0].computer_level);
$("#pidnumber").text(json[0].idnumber);
},
error:function(){
alert("fail");
}
});

后台的java代码:

@RequestMapping(value = "/resumeinfo", method = { RequestMethod.GET,RequestMethod.POST })
public @ResponseBody void resumeinfoAction(HttpServletRequest request,HttpServletResponse response, ModelMap map) {


String resumeid=request.getParameter("resume_id");
List<ResumeFilterQueryVo> list=resumeFilterServiceImpl.getResumeInfo(resumeid);
JSONArray jsonarray=JSONArray.fromObject(list);
try {
response.getWriter().print(jsonarray);
} catch (IOException e) {
e.printStackTrace();
}
}

以后再总结其他的方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值