请求代码:

在这里插入代码片
$.ajax({
							            url:"http://127.0.0.1:8080/demo/login",
							            data:{'username':'张三','password':JSON.stringify(data.field)},
							            type:"get",
										async:'true',
										//jsonp:"callback",
										//contentType:"application/x-www-form-urlencoded",
							            dataType:"text",
							        // headers : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式
							            success:function(data){
							               console.log('success:'+data);
							                layer.alert(data, {
							                    title: 'success',
												});
												},
							            error:function(data){
											console.log('fail:'+data);
							                layer.alert(data, {
							                    title: 'fail'
							                });
											}
							});

可以看到ajax请求没有问题
请求的头部信息:
在这里插入图片描述
Status Code等于200证明服务器是请求成功,但是返回值没有成功
下面是成功的图片:
在这里插入图片描述
可以看到是请求头部的问题,这个就是需要服务端支持http跨域请求,Spring给出的很好注解@CrossOrigin
在方法上加上该注解就可以解决请求成功,服务端能够接收到请求信息,但是前端没有接收到响应的返回值,服务端代码:

在这里插入代码片
  @RequestMapping(value = "/login",method = RequestMethod.GET)
    @CrossOrigin
    public String login(String username,String password){

        System.out.println("姓名:"+username+"密码:"+password);
        String json1 = "{'id':1,'name':'JAVAEE-1703','stus':[{'id':101,'name':'刘铭','age':16}]}";
        return json1;
    }

请多多关注与点赞,每天都进步一点点,谢谢!

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐