解决访问后台服务出现跨域问题,设置jsonp格式

最新推荐文章于 2024-04-14 11:25:34 发布

pigs2018

最新推荐文章于 2024-04-14 11:25:34 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ZHANGHUI3239619/article/details/78608764

本文介绍了一个使用JSONP实现跨域请求的例子。通过在前端设置`jsonp`参数并配置回调函数，后端能够响应并返回JSONP格式的数据。此方法适用于不支持CORS的API接口。

1.后台代码

String dataCallback=request.getParameter("dataCallback");

	if(dataCallback!=null){
					jsonStr1=(dataCallback+"("+jsonStr1+")");
				}
				out.write(jsonStr1);
				out.close();

前端发送请求调用：

  var param = {};
            param.thematicType = this._mThematicType;
            param.systemType = this._mSystemType;
            param.layerName = this.getLayerENName();
            param.appendMode = appModel;
            param.json = encodeURIComponent(encodeURIComponent(JSON.stringify(this._mData)));
            param.serviceMethod = "updateData";
            DPS.$.ajax({
                type: "post",
                url: thematicMap.getUrl() + "/ClusterService",
                dataType : "jsonp",
                data: param,
                jsonp: "dataCallback", 
                // 异步请求
                async: true,
                cache: false,
                success: function (data) {
                
                },
                error: function (res) {
                	console.log(res)
                   
                }
            });