后端用的是Mybatis框架，前端的话由于是基于Ionic框架开发，所以大多都是通过Ionic的组件进行前后端交互，另外还涉及到一些地图功能用到ArcGIS JS API ，必然就会用到dojo的一些东西，尤其是向ArcGIS Server请求服务时。

1.dojo

1.1 "dojo/_base/xhr"

XmlHttpRequest,这个就是类似于ajax的东西，其实对这个没啥理解，上代码。

var content = {"layerAlias": 'road'};
var contextPath = "http://localhost:8080/test" xhr.post({url :  contextPath+"/getData/showfields",//后台请求地址handleAs : 'json',content:content,//参数load : lang.hitch(this, function(response){this.function123(response);//回调函数}),error : function(response, ioArgs) {}});

1.2 "dojo/request"

request(this.contextPath + 'getDatas/getFields',{handleAs:'json',
}).then(function(response){console.log(response);
});

2.Ionic

Ionic向后台请求的话，先从当前Page页面调用Provider里面的Service（要声明为NgModule才可以在Page中引用），然后通过service向后台请求。

Page页面的请求：

getFieldsCol() {this.fieldQueryService.getFields(this.layerAlias).subscribe(pageResult => {this.fieldsColumn = [];for(let item of pageResult){let obj = {name:'' , prop:''};obj.name = item.aliasName;obj.prop = item.fieldName;this.fieldsColumn.push(obj);}},error => {this.commonConfig.handleErrorView("错误", error);})}

Provider向后端发送请求：

getFields(keyWord: string): Observable<Array<FieldName>>{let method = "/getFields";let params: URLSearchParams = new URLSearchParams();let options = { headers: this.headers };params.set("layerAlias", keyWord)let url = this.baseUrl + method;this.headers = this.conf.getDefaultAjaxHeaders();options = Object.assign(options, { search: params });return this.http.get(url, options).map(res => {let result = res.json();//转换为json数据if (!!result) {return result;}}).catch(this.conf.handleErrorService);}

最近用到的几种前后端交互方式相关推荐

flask的前后端交互方式
以按键为例 1. 路由跳转 route修饰器在主程序指定处理函数,通过跳转到路径触发相应操作超级链接跳转href 2. http方法传递参数,json返回 3. 网页js函数发送查询指令,json返 ...
Java Web前后端交互方式
Java web前后端的交互方式 1. 利用cookie对象 Cookie是服务器保存在客户端中的一小段数据信息.使用Cookie有一个前提,就是客户端浏览器允许使用Cookie并对此做出相应的设置. ...
几种前后端接口的对比：RESTful，GraphQL，APIJSON
转载地址https://blog.csdn.net/kikajack/article/details/79075405 REST 和 GraphQL 的对比 APIJSON 和 GraphQL 的对比 ...
前端学习（1254）:Vue前后端交互方式
Spring MVC前后端的数据传输
本篇文章主要介绍了Spring MVC中如何在前后端传输数据. 后端 ➡ 前端在Spring MVC中这主要通过Model将数据从后端传送到前端,一般的写法为: @RequestMapping(va ...
前后端分离时代，Java 程序员的变与不变！
事情的起因是这样的,有个星球的小伙伴向邀请松哥在知乎上回答一个问题,原题是: 前后端分离的时代,Java后台程序员的技术建议? 松哥认真看了下这个问题,感觉对于初次接触前后端分离的小伙伴来说,可能都会 ...
图解基于 Node.js 实现前后端分离 - CSDN博客
因为会上出了个意外,ppt图片全部丢失,只好对着白板跟大家交流了半个多小时.由于我做演讲不喜欢写太多的文字,没有图片的情况下讲漏了一些内容.这篇文章是我在会上分享内容对照ppt进行地整理. 基本介绍 ...
Nodejs搭建前后端分离开发模式下的微信网页项目
原文链接:<Nodejs搭建前后端分离开发模式下的微信网页项目>- 陈帅华本文涉及对前后端分离及微信网页项目中的前端如何在本地环境中开发与调试的思考. 主要问题 1.如何配置微信公众平台 ...
JAVA中的前后端交互
JDBC 什么是JDBC java数据库连接(Java Database Connectivity) 有什么用利用 Java 代码, 可以操作数据库. 怎么用注册驱动获取数据库连接创建 Sta ...

最近用到的几种前后端交互方式

1.dojo

1.1 "dojo/_base/xhr"

1.2 "dojo/request"

2.Ionic

最近用到的几种前后端交互方式相关推荐

最新文章

热门文章