<强> js代码
/* *(1)用$ (" # content-wrapper ") . html(数据);显示页面*/. ajax({美元
异步:假的,
缓存:假的,
类型:“文章”,
url:“区域/prepareCreate”,
错误:函数(){
alert (' smx失败”);
},
成功:功能(数据){
$ (" # content-wrapper ") . html(数据);
}
});
<强> java代码
/*
*(1)不能有注解@RespoonseBody
*(2)返回值类型是字符串,代表页面所在的文件夹
*(3)如果返回“错误”,执行ajax的错误方法
*/@RequestMapping (value=" https://www.yisu.com/zixun/area/prepareCreate ",方法=RequestMethod.POST)
公共字符串editAreaWithFile () {
返回“区域/创建;//返回“错误”;
}
<强> js代码
. ajax({美元
异步:假的,
缓存:假的,
类型:“文章”,
url:“app/区域/删除”,
数据类型:“json”,
错误:函数(){
alert (' smx失败”);
},
成功:功能(数据){/* *重点:前台接收到返回值,直接处理就行*/警报(数据);
}
});
之前
<强> java代码
/* *(1)用@ResponseBody注解
(2)可以接收各种参数,url、数据(名称匹配或@RequestBody)
(3)返回值类型就是基本类型*/@ResponseBody
@RequestMapping (value=" https://www.yisu.com/zixun/area/delete ",方法=RequestMethod.POST)
公共长editArea () {//处理参数
返回3;
}
<强>第一步:定义一个实体类
/* *
*标记为1:操作失败
*味精:失败原因;
*标记为0:操作成功*/公开课AjaxResponseMsg {
私人int国旗;
私人字符串味精;
}
<强>第二步:js代码
. ajax({美元
异步:假的,
缓存:假的,
类型:“文章”,
url:“app/区域/删除”,
错误:函数(){
alert (' smx失败”);
},
成功:功能(数据){
var jsonData=https://www.yisu.com/zixun/JSON.parse(数据);
如果(jsonData .flag==0){//请求成功
alert("后台操作成果”);
其他}{
alert (jsonData .msg);
}
}
});
<强>第三步:java代码
/* *(1)添加注解@ResponseBody
(2)可以接收参数
(3)返回类型就是实体类*/@ResponseBody
@RequestMapping (value=" https://www.yisu.com/zixun/area/delete ",方法=RequestMethod.POST)
公共AjaxResponseMsg editAreaWithFile () {//做操作
布尔结果=true
AjaxResponseMsg ajaxMsg=new AjaxResponseMsg ();
如果(结果==true)
ajaxMsg.setFlag (0);
其他{
ajaxMsg.setFlag (1);
ajaxMsg.setMsg(“不能给一个传感器添加重复设备”);
}
返回ajaxMsg;//返回给前台一个实体类,包括是否操作成功,及失败原因
}
之前
<>强实体类
公开课一节{
私人长id;//标识
私人字符串名称;//名称
}
<强>前台
. ajax({美元
异步:假的,
缓存:假的,
类型:“文章”,
url:“节/getSections”,
错误:函数(){
alert("失败”);
},
成功:功能(数据){
var jsonData=https://www.yisu.com/zixun/JSON.parse(数据);//jsonData是该下路下的所有区间(json格式)
(var=0;我之前
<强>后台
@ResponseBody
@RequestMapping(“/部分/getSections”)
@RequiresPermissions(“部分:视图”)
公共ListgetSections () {
List部分=new List ();
返回部分;
}
<强>第一步:定义实体类ChartSeries
公开课ChartSeries {
私人字符串名称;//曲线名称
私人List数据;//曲线的纵坐标
私人ListoccurTime;//曲线的横坐标//添加得到集方法
}
<强>第二步:js代码
. ajax({美元
url:“dataRecord/图表”,//获取数据列
类型:“得到”,
数据:{
},
成功:功能(数据){
formatStringToJson(数据);//对数据进行处理
}
});
函数formatStringToJson(数据){
jsonData=https://www.yisu.com/zixun/JSON.parse(数据);//把后台传来的数据转来JSON格式//jsonData是二维数组,因为实体类ChartSeries的字段数据也是个列表
在jsonData (x){//遍历JSON格式的数组取元素,x代表下标
(y jsonData [x] . data) {
alert (jsonData [x] .occurTime [y]);//依次获取
alert (jsonData [x] . data [y]);
}
}
}
