本文主要是介绍HAP框架学习之前后端数据交互，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
功能要求，点击行政区，弹出框显示该城市的行政区（注意：以下数据只供演示用，并不代表其真实性）
一、截图说明功能要求：
1、获取页面参数
通过点击事件获取当前行的城市编号（cityId）
{name: "cityDistrict",title: '<@spring.message "fndcity.citydistrict"/>',width: 120,headerAttributes: {style: "text-align:center"},attributes: {style: "text-align:center"},template: function (rowdata) {if (rowdata.cityId) {return '<a href="javascript:void(0);" onclick="openWin(' + rowdata.cityId + ')"><@spring.message "fndcity.citydistrict"/></a>'}return '';}},openWin = function (cityId) {var districtDialog = $("#district-dialog").kendoWindow({width: 1000,height: 450,title: '<@spring.message "fndcity.citydistrict"/>',visible: false,iframe: true,modal: true,resizable: false,content: 'fnd_district.html?cityId=' + cityId,close: function (e) {$("#grid").data("kendoGrid").dataSource.page(1);}}).data("kendoWindow");districtDialog.center().open();};上面代码就实现了获取当前行的城市编号（cityId）
2、页面获取参数
方法{RequestParameters.<parameterName>!<defaultValue>}
举例{RequestParameters.studentId!0}
read: {url: BaseUrl + "/rent/fnd/district/${RequestParameters.cityId!0}/querybyid",type: "POST",dataType: "json"},根据上面代码中的请求路径将cityId获取到并传向后台
3、后台接收参数
@RequestMapping(value = {"/rent/fnd/district/{cityId}/querybyid"},method = {RequestMethod.POST})@ResponseBodypublic ResponseData querybyid(@PathVariable Long cityId, @RequestParam(defaultValue = DEFAULT_PAGE) int page,@RequestParam(defaultValue = DEFAULT_PAGE_SIZE) int pageSize, HttpServletRequest request) {IRequest requestContext = createRequestContext(request);ResponseData rd = new ResponseData();FndDistrict ss = new FndDistrict();ss.setCityId(cityId);rd.setRows(this.service.selectById(requestContext,ss,page,pageSize));return rd;}通过上面代码就可以获取到从前端传过来的参数cityId
接下来就是写自定义查询语句，实现方法就OK了
想看如何自定义查询语句请观看我的另一篇文章https://blog.csdn.net/qq_39331713/article/details/81226319HAP框架-自己写查询语句。
这篇关于HAP框架学习之前后端数据交互的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
