通过jquery + jsonp 的跨域访问状态码是200，但跳转到error

最新推荐文章于 2023-08-08 10:15:55 发布

YAOYU007

最新推荐文章于 2023-08-08 10:15:55 发布

阅读量1.5k

点赞数

分类专栏： web react 文章标签： react跨域请求 ajax跨域返回200却进入error ajax jsonp

本文链接：https://blog.csdn.net/YAOYU007/article/details/82591885

版权

web 同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

react

6 篇文章 0 订阅

订阅专栏

先上代码

@RequestMapping("/hello")
	public String hello(HttpServletRequest request) {
		return JSON.toJSONString("hello");
	}

这是后台代码，通过http://localhost:8080/hello来访问

handleClick(){
    $.ajax({
      type:"get",
      url:"http://localhost:8080/hello",
      dataType:"jsonp",
      success:function(res){
        console.log(res);
      },
      error:function(res){
        console.log("fail");
      }
    })
    console.log("over");
  }

这是ajax的请求部分，本来也就几行代码的事，弄了好久，不知道为什么状态码已经是200了，还是进了error方法。

直到看了这位朋友使用jsonp跨域访问请求为200，但进入error方法的文，终于把问题解决了，原因是 后台返回时没有带上callback方法名。

@RequestMapping("/hello")
	public String hello(HttpServletRequest request) {
		String callbackFuncation = request.getParameter("callback");
		System.out.println(callbackFuncation);
		return callbackFuncation + "(" + JSON.toJSONString("hello") + ")";
	}

改成这样，顺利解决了。