Ajax前后台交互 返回普通格式和JSON格式
来源:互联网 发布:网络pat 编辑:程序博客网 时间:2024/04/30 16:25
采用阿里fastJson 下面是pom.xml
<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.9</version> </dependency>
Ajax返回字符串
//js前台ajax 注意引入jquery文件 如jquery.min.js等 function testAjax() { //文本的值 var uname = $("#username").val(); var pwd = $("#password").val(); //alert(pwd) $.ajax({ type : 'post', //提交方式 url : "../ReturnString.do", //路径 //参数 data : { username : uname, password : pwd }, cache : false, //返回普通的字符流不要写 dataType : "json" success : function(data) { alert(data); } }); } //html代码 我绑定的是焦点失去事件 所以加了一个测试框 <form action="#" id="myform"> 姓名:<input type="text" id="username" name="username" /><br /> 密码:<input type="text" name="password" id="password" onblur="testAjax()" /> <br /> 测试框:<input type="text" /> <br /> ${pageContext.request.contextPath} </form> //后台代码 只是功能测试 没有写实际内容 @RequestMapping("/ReturnString") //这是spring框架的注解 public void ReturnString(String username,String password,HttpServletResponse response){ System.out.println(username+password); try { //写入out对象流 response.getWriter().println("测试的字符串"); } catch (IOException e) { e.printStackTrace(); } }
Ajax返JSON格式
//前台ajaxfunction ReturnJsonList() { $.ajax({ type : 'post', url : '../ReturnJsonList.do', dataType : "json", success : function(data) { alert(data); //i循环的次数 value对象 id,name等是属性 $.each(data, function(i, value) { $("#remark").append( " <tr><td>" + value.id + "</td><td>" + value.name + "</td><td>" + value.t + "</td><td>" + value.x + "</td></tr>"); }); } }); }
//html代码 测试用的按钮的单击时间 然后返回集合拼接到表格 <input type="button" name="测试返回JSON格式List集合" onclick="ReturnJsonList()" /> <table class="table table-striped" id="remark"> <tr> <td>学号</td> <td>姓名</td> <td>日期</td> <td>年龄</td> </tr> </table>
//后台代码@RequestMapping("/ReturnJsonList") public void testPrco(HttpServletResponse response){ System.out.println("ok ReturnJsonList"); try { List<Demo> list = new ArrayList<>(); Demo d1 = new Demo(1,"测试01", 50, new Date()); Demo d2 = new Demo(2,"测试02", 50, new Date()); Demo d3 = new Demo(3,"测试03", 50, new Date()); //日期转换 在实体对象属性上加@JSONField (format="yyyy-MM-dd") list.add(d1); list.add(d2); list.add(d3); /*Map<Integer, String> map = new HashMap<>(); map.put(1, "test01"); map.put(2, "test02"); map.put(3, "test03");*/ //简单粗暴,对于Map这句也适用 String json = JSON.toJSONString(list); System.out.println(json); //取得流向JSP传递数据 response.getWriter().println(json); } catch (IOException e) { e.printStackTrace(); } }
附
Json格式转换
public static void main(String[] args) { List<Object> list = new ArrayList<>(); list.add("测试"); list.add("测试2"); list.add("测试3"); //JSON格式转换 map 字符串都适应 String str = JSON.toJSONString(list); System.out.println(str); }
结果
["测试","测试2","测试3"]
阅读全文
0 0
- Ajax前后台交互 返回普通格式和JSON格式
- 简单的json格式返回的前后台的实例
- extjs ajax方式前后台数据传送(json格式)
- 在ssm框架中前后台数据交互均使用json格式
- 如何用好Map与List,转换成相应的json格式便于前后台的交互。
- json前后台交互
- AJAX--前后台交互
- ajax前后台交互
- jsp中利用jquery+ajax传递json格式参数与前后台之间
- jsp中利用jquery+ajax传递json格式参数与前后台之间
- 前后台$.post交互并返回JSON对象
- springmvc前后台交互json
- Jquery Ajax前后台交互
- ajax前后台交互测试
- AJAX 前后台数据交互
- ajax以json格式返回的函数
- ajax处理返回的json格式数据
- 学习笔记--Ajax:JSON格式返回数据
- 移植BOA
- unity(5.6)引用so文件的安卓工程打成jar包,并由unity打包apk流程及问题
- js 的 call 与 apply 速度对比
- linux日志定时删除
- POJ1195:Mobile phones二维树状数组 单点更新,区间查询
- Ajax前后台交互 返回普通格式和JSON格式
- caffe windows Faster rcnn setup.py 找不到 stdbool.h 解决办法
- 程序员如何用技术变现
- Spark中的aggregate和aggregateByKey的区别及疑惑
- Weblogic12c:使用脚本方式创建域
- 判断某整数是否为两数平方之和
- CF 830A 贪心+二分
- Windows下WebStorm配置使用SVN详细过程(客户端和服务端完整版)
- 3.1 编写程序为什么要写注释