解决jQuery跨域问题（jsonp方法）

uuaxx

已于 2023-04-12 18:33:46 修改

阅读量1k

点赞数

文章标签： jquery javascript 前端

于 2023-04-12 18:32:56 首次发布

本文链接：https://blog.csdn.net/weixin_51581806/article/details/130113847

版权

之前学vue时没有出现过这个问题，最近学jQuery的时候经常调用不成功，用了网上很多的办法最后采用用jsonp的格式接收数据就成功了

$.ajax({
            url:'http://localhost:8080/userEntity/selectUser',
            type:'GET',//数据提交
            contentType:'jsonp', // 传参格式（默认为表单） json为application/json
            data:{
                'id':id
            },//前端的传值
            dataType: 'jsonp', // 数据类型
            jsonp: 'backfunc', // 指定回调函数名，与服务器端接收的一致，并回传回来
            // jsonp:"jsonpCallback",
            jsonpCallback:"success_jsonpCallback",
            // jsonpCallback: "f",
            success:function(data){
                console.log(data),
            },
            
        })

接口返回值：

 @GetMapping("selectUser")
    public String selectUser(int id){
        UserEntity userEntity = userService.userSelectuser(id);
        return "success_jsonpCallback("+ JsonUtils.objectToJson(userEntity) +");";

    }