JSONP跨域请求实战-优快云博客

本文介绍了一种通过JSONP实现跨域请求的方法，并详细展示了客户端和服务端的具体实现过程。客户端通过动态创建script标签发送GET请求，服务端接收并响应数据，最终通过回调函数处理返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跨域访问：

jsonp模式

优点：简单

缺点：只支持get

实现如下：

1.调用的函数：

function jsonp(){
	var data = "hellow";
	var _script = document.createElement('script');
	_script.type = "text/javascript";
	_script.src = "http://linkrmb.com/jsonp?data=" + data;
	document.head.appendChild(_script);
}

2.服务端的处理：

@RequestMapping(value = "/jsonp", headers = "content-type=application/octet-stream")
@ResponseBody
public String jsonp(HttpServletRequest request) throws Exception {
	String data = request.getParameter("data");
	List<String> list = JSON.parseArray(data, String.class);
	log.info("****data list:{}", list);
	 
	boolean isOk = true;
	return "save('" + isOk + "')";
}

3.页面回调函数处理：

  <script>
    function save(data) {
      alert("谢谢关注敬请期待!");
      window.location.reload();
    }
  </script>

原理：

相当于第一个方法生成了

save(true);

</script>

那么直接执行了save方法完成跨域请求

js之跨域访问