ajax前后台传输原理

Posted 夏日的微笑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax前后台传输原理相关的知识,希望对你有一定的参考价值。

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前后台传输原理的主要内容,如果未能解决你的问题,请参考以下文章

Ajax异步提交登录--登录使用

通过ajax和spring 后台传输json数据

后台验证插件forms(基于ajax传输数据)

Django 前后端数据传输ajax分页器

通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/

JQuery之Ajax