多语言展示
当前在线:1986今日阅读:26今日分享:39

JAVA APICloud 数据交互

APICloud简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。由于APICloud没有提供像jquery.serialize的方法,此次,主要讲述form表单的提交,以及和java后台的交互。
工具/原料
1

APICloud

2

IntelliJ IDEA

3

Jquery

4

SpringMVC

方法/步骤
1

首先,是创建了一个注册的页面。上面有form表单所要提交的信息。如姓名、身份证、手机号等注册信息,然后页面上引用了一些必须的js。

2

这个很简单,jquery的serializeArray表单遍历整改form对象,然后封装到一个map中去。serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。

3

重点来了,form表单的提交方法,自己封装了一下ajax的方法。界面上调用上面的方法实现form表单的序列化,然后调用api.ajax的方法。其中HOST_URL = 'http://192.168.12.136:8080/' 是你的服务器地址和端口号。

4

这是我们传递的参数。json格式的字符串。

5

请求发出去,就到我们的java后台了,本人用的springMVC框架。可以从request.getParameter('loginName') //参数的名字是前台页面上写的 ;获取参数,下图是debug模式下可以看到的值。

6

表单的数据都获取到,我们就可以进行我们自己的操作了(CRUD),操作完以后我们需要往前台页面返回结果告知用户。我们返回了一个简单的json字符串,需要注意的是,需要在返回方法上加上@ResponseBody。

7

这样的话,我们就可以解析后台的json字符串。这样的话,一个简单的交互就完成了。

推荐信息