宝哥软件园

jQuery AJAX方法成功()后台传来的四种数据详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

1.后台返回一个页面

射流研究…代码

/**(1)用$("#内容包装").html(数据);显示页面*/$.ajax({ async : false,cache : false,键入: 'POST ',url : 'area/prepareCreate ',错误:函数(){ alert('smx失败');},成功:函数(数据){ $(“# content-wrapper”).html(数据);}});爪哇岛代码

/* * (1)不能有注解@ responsebody *(2)返回值类型是字符串,代表页面所在的文件夹* (3)如果返回错误,执行创建交互式、快速动态网页应用的网页开发技术的错误方法*/@RequestMapping(值='区域/准备创建',方法=RequestMethod .开机自检)公共字符串editarewithfile(){ return ' area/create;//返回"错误";}2.后台返回一个基本类型字符串,长等

射流研究…代码

$.ajax({ async : false,cache : false,类型: 'POST ',url : 'app/area/delete ',dataType : 'json ',错误:函数(){ alert('smx失败');},成功:函数(数据){/* * *重点:前台接收到返回值,直接处理就行*/alert(数据);}});爪哇岛代码

/**(1)用@ResponseBody注解(2)可以接收各种参数,url,数据(名称匹配或@RequestBody)(3)返回值类型就是基本类型*/@ResponseBody@RequestMapping(值='面积/删除',方法=RequestMethod .开机自检)公共长editArea() { //处理参数返回3;}3.后台返回一个实体类

第一步:定义一个实体类

/** *标志为1 :操作失败*消息:失败原因;*旗帜为0: 操作成功*/public类AJaxresponsemsg { private int标志;私有字符串消息;}第二步:js代码

$.ajax({ async : false,cache : false,键入: 'POST ',url : 'app/area/delete ',错误:函数(){ alert('smx失败');},成功:函数(数据){ var jsonData=JSON.parse(数据);if (jsonData .flag==0) {//请求成功警报('后台操作成果');} else { alert(jsonData ).味精);} }});第三步:java代码

/**(1)添加注解@ResponseBody (2)可以接收参数(3)返回类型就是实体类*/@ResponseBody @RequestMapping(值='面积/删除',方法=RequestMethod .POST)public Ajax responsemsg editarewithfile(){//做操作布尔结果=true AJaxresponsemsg AJaxmsg=new AJaxresponsemsg();if(result==true)AJaxmsg。SetFlag(0);else { AJaxmsg。SetFlag(1);' ajaxMsg.setMsg('不能给一个传感器添加重复设备');}返回ajaxMsg//返回给前台一个实体类,包括是否操作成功,及失败原因}4.后台返回一个实体类列表(实体类的字段都是基本类型)

实体类

公共课第{私龙id;//id私有字符串名称;//名称}前台

$.ajax({ async : false,cache : false,类型: 'POST ',url : 'section/getSections ',错误:函数(){ alert('失败');},成功:函数(数据){ var jsonData=JSON.parse(数据);//jsonData是该下路下的所有区间(json格式)为(var I=0;I JSondata . lenti){ alert(JSondata[I].id);警报(jsonData[i].姓名);} }})后台

@ response body @ request mapping('/section/getSections ')@需要会话(' section : view ')public list section getSections(){ list sections=new list section();返回部分;}5.后台返回一个实体类列表(实体类的字段包括目录类型)

第一步:定义实体类图表系列

公共类图表系列私有字符串名称;//曲线名称私有列表浮动数据;//曲线的纵坐标私人列表日期发生时间;//曲线的横坐标//添加预备开始方法}第二步:js代码

$.Ajax({ URL : '/DataRecord/chart ',//获取数据列类型: 'GET ',数据: { },成功:函数(数据){ formatStringToJson(数据);//对数据进行处理} });函数formatStringToJson(数据){ jsonData=JSON.parse(数据);//把后台传来的数据转来数据格式//jsonData是二维数组,因为实体类图表系列的字段数据也是个(jsonData中的十)的列表{ //遍历数据格式的数组取元素,x代表下标for(jsonData[x]中的y ).数据){ alert(jsonData[x]).发生时间[y]);//依次获取警报(jsonData[x].数据[y]);} } }第三步:java代码

@ response body @ required sessions(' dataRecord : view ')@ request mapping(value='/dataRecord/chart } ',method=RequestMethod .GET)公共列表图表系列getChart(){ 0列表图表系列列表=新列表图表系列();//给目录赋值退货清单;//列表}后台传来的数据格式如下

以上这篇jQuery AJAX方法成功()后台传来的四种数据详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+