html跨域访问

最新推荐文章于 2025-03-03 21:00:44 发布

慕容屠苏

最新推荐文章于 2025-03-03 21:00:44 发布

阅读量1.4k

点赞数

分类专栏：大前端爬坑之路文章标签： html跨域访问

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/72859548

版权

大前端爬坑之路专栏收录该内容

188 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

HTML的Ajax访问存在跨域问题，限制了前后端分离的开发。本文介绍了两种HTML跨域的实现方式：1) 使用script标签进行GET请求；2) 利用JSONP进行AJAX请求，但JSONP有其缺陷，如无法处理异常信息且仅支持GET请求。通过理解这些方法，可以更好地实现Web应用的混合开发。

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

html跨域访问

html的ajax访问，存在跨域问题，访问非本域的接口时

会出现无法访问的问题。

掌握了html跨域访问，就可以实现前后端分离开发，并且可以通过jsonp构建是构建 mashup(webAP糅合、混搭模式)

html跨域的两种实现方式；

1.通过创建script 进行get请求数据

          function crossDomain(url,params,fn){
	      var head=document.getElementsByTagName("head")[0];
		  //1.处理回调函数
		  var cbName="jsonp"+(Math.random()*Math.random()).toString().substr(2)+new Date().getTime();
		  /*将回调函数挂载到window对象上*/
		  window[cbName]=function(data){
		    //拿到并处理数据
			fn(data);
			//拿到数据后remove掉
			//head.removeChild(scriptObj);
		  }
		  //2、解析ur

了解本专栏