springmvc和Angularjs 跨域传输 jsonp

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);
	        
	    }

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