码迷,mamicode.com
首页 > Web开发 > 详细

ajax前后台传输原理

时间:2017-05-01 12:06:06      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:http   success   message   网络   代码   定义   data   语句   erro   

ajax从前台将数据传输到后台的两种方式:

$.ajax({

  type:"post",

  data:{

    参数key:参数value,

    参数key:参数value,

    。。。

  },

  async:false,

  url:"",

  success:function(data){

    alert("代码执行成功");

  },

  error:function(data){

    alert(网络出现异常);

  }

});

通过ajax的data参数传递或者通过URL拼接参数字符串传递

 

后台代码:

@ResponseBody

@RequestMapping

public Map<String,Object> getJson(HttpServletRequest request,User user){

  Map<String,Object> map=new HashMap<String,Object>();

  User user=dao.getUserList();

  map.put("flag","sucess");

  map.put("message","请求成功");

  map.put("data",user);

 return map;

}

 后台出错。后台响应中断,返回数据类型与ajax定义的格式不一致,URL出错,ajax会跳入error语句块中

ajax前后台传输原理

标签:http   success   message   网络   代码   定义   data   语句   erro   

原文地址:http://www.cnblogs.com/minshia/p/6791440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!