springmvc和Angularjs 跨域传输 jsonp

来源：互联网发布：360云盘数据没有了编辑：程序博客网时间：2024/04/30 05:34

angular.module('eduApp')  .factory('ClassService', ['$http',      function ($http) {      // Service logic      // ...      var doRequest = function() {              /*return $http({                  method: 'GET',                  url: '../../data/user.json'              });*/             return $http({                method: 'JSONP',                url: 'http://localhost:8080/EduMaster/queryTeacher.do?callback=JSON_CALLBACK'              });          }           }      // Public API here      return {          userList: function() {              return doRequest();          }      };    }  ]);

springMVC后台代码

@RequestMapping("/queryTeacher")@ResponseBody public JSONPObject queryTeacher(String callback) throws Exception{String tno="T001";Teacher teacher=teacherService.findTeacher(tno);        return new JSONPObject(callback, teacher);            }

发送jsonp请求

状态码：200 说明请求成功

但是如果后台不按格式返回的话 Angularjs解析就会报错

Uncaught SyntaxError: Unexpected token :

jsonp跨域原理，script 是可以跨域请求的，其实就是后台返回一段js，函数名为前台传过去callback的值（这里是angular.callbacks._0），参数是json格式的请求数据

请求参数，后台接收callback的参数，并进行字符串拼接

@RequestMapping("/queryTeacher")@ResponseBody public JSONPObject queryTeacher(String callback) throws Exception{String tno="T001";Teacher teacher=teacherService.findTeacher(tno);        return new JSONPObject(callback, teacher);            }

必须以上边这样的形式进行返回

0 0